締切済み

proototype.jsでのデータ取得について

2006/12/01 11:23

prototype.jsを使っております。下記のようなコードでsetFeed.phpよりデータを取得しているのですが、allTextに代入しています。これをdisplayData外で扱うにはどうしたらいいでしょうか？特別なreturnの仕方があるのでしょうか？解決法お教え頂ければ、幸いです。 new Ajax.Request('setFeed.php', { method: 'get', onComplete: displayData }); function displayData(responseHttpObj) { allText = responseHttpObj.responseText; }

eltech
お礼率25% (22/88)

JavaScript
回答数1
ありがとう数0

みんなの回答 （1）
専門家の回答

みんなの回答

神崎渉瑠（@taloo）
ベストアンサー率44% (1016/2280)

2006/12/02 04:23 回答No.1

function displayData(responseHttpObj) { allText = responseHttpObj.responseText; NextFunc(allText); } function NextFunc(val){ alert(val); } こういう事ですか？

関連するQ&A

[prototype.js] Ajax.Requestの取得データをコールバック関数外で取得する方法

下記のコードを実行すると、 'undefined' 'hello' と表示されます。（A）の箇所でグローバル変数gTestに'hello'が格納されている事を期待するのですが、undefinedとなります。どういった理由でこうなるのでしょうか？また、onCompleteで定義した処理内で、値をグローバル変数に格納するにはどのような方法がありますか？何卒よろしくお願い致します。 -- <script src="/js/prototype.js" type="text/javascript"></script> <script type="text/javascript"> var gTest; function load() { new Ajax.Request('http://～/', { method: 'get', onComplete: displayData }); alert(gTest); //（A）undefinedと表示 } function displayData(httpObj) { gTest = 'hello'; alert(gTest); //（B）helloと表示 } load(); </script> --
関数の中の値を取り出したい

prototype.jsを使って送信して返ってくるデータを、 onCompleteの関数の中で「ret」に値を入れてると思うのですが、出ててきたときにはalertで表示されません。どうすればこの形でその関数の中の値を取り出すことができるのでしょうか？ function get_data() { ret = ""; new Ajax.Request( "test.php", { method: "get", parameters: "test=aaa", onComplete: function(httpObj){ ret = httpObj.responseText; } } ); alert(ret); return ret; }
prototype.jsのAjax.Requestでeventを引数にしたのですが

prototype.jsのAjax.Requestといつ便利な関数がありますが onComplete時の引数にeventオブジェクトを設定したらIE7では eventオブジェクトが引き継げませんでした。たとえばこのようなメソッドで function ajax_request(url, params, method, ele1, ele2){ var nt = new Date(); var pr = params + "&nt=" + nt.getTime(); var a = new Ajax.Request( url, { method: "get", parameters: pr, onComplete: function(request){ method(request, ele1, ele2); } } ) }; ele1にeventオブジェクトを設定し、methodを実行してもデバックで、ele1.typeが何も表示されませんでした。 firefox2.0だと「click」など正しく表示もされオブジェクトが引き継がれておりました。何が問題なのでしょうか？それともIE7ではeventオブジェクトを引き継ぐことは出来ないのでしょうか？
ajaxでエラー処理

お世話になります。 prototype.jsを使ってajaxのエラー処理を考えております。そこで質問なのですが、以下のソースで OK.phpでは正常に処理が行われ、 NG.phpでは強制的にonFailure処理を行わせたいと考えております。 PHP側(NG.php)で、操作出来ませんでしょうか？よろしくお願いいたします。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript">  </script> </head> <body> <input type="button" value="正常処理" onClick="ajax('OK.php')"><br> <input type="button" value="エラー処理" onClick="ajax('NG.php')"><br> <div id="result"></div> <div id="errMsg"></div> </body> </html>
【Ajax】SHIFT-JISの文字化け　

AjaxのSHIFT-JIS文字化けで悩んでいます。下記コードです。※prototype.js使用※ <html> <head> <meta http-equiv="content-type" content="text/html;charset=Shift_JIS"> <title>Sample</title> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript"></script> </head> <body> <h1>サーバー上のHTMLファイルを読み込む</h1> <form> <input type="button" value="●●.htmlファイルを読み込み" onClick="loadHTMLFile('●●.html')"> </form> <div id="result"></div> </body> </html> ●●.htmlおよび、このコードを記述しているファイルのエンコードは "SHIFT-JIS"です。 ●●.htmlのエンコードを"UTF-8"にするとうまく表示できます。 "SHIFT-JIS"同士のやり取りの方法を教えて頂きたく思います。宜しくお願い致します。 ※サーバはwindow用XAMPを自分のローカルに使用しています。　アパッチの設定はいじっていません。
JSONのデータから商品名の取得の仕方

今現在下記の記述でJSONを取得しています。＝＝＝＝＝ <html> <head> <title>JSONのデータを使ってみる</title> </head> <script type="text/javascript" src="./prototype.js"></script> <script type="text/javascript"> function execute() { var url = './ItemSearch_json.php'; var paramList = "keyword=" + encodeURIComponent("ふくろう"); var a = new Ajax.Request( url, { method: 'get', parameters: paramList, onSuccess: function(request) { // alert('読み込み成功しました'); // jsonの値を処理する場合↓↓ var json; eval("json="+request.responseText); }, onComplete: function(request) { alert('読み込みが完了しました'); $('container').innerHTML = request.responseText; // jsonの値を処理する場合↓↓ var json; eval("json="+request.responseText); }, onFailure: function(request) { alert('読み込みに失敗しました'); }, onException: function (request) { alert('読み込み中にエラーが発生しました'); } } ); } </script> <body> <div id="container">content</div> <button onclick="execute()">サンプル実行</button> </body> </html> ＝＝＝＝＝このままだと、プレーンテキストは表示されるのですが、商品名や価格の一覧などを選択して表示できません。 evalなどを使うのかなと思うのですが、はっきり分かりません。ヒントを教えていただけないでしょうか。
Ajaxのエンコードで

私はshift_JISで作成したCGIのページがあるのですが、 Ajaxを導入しようとしたときに、Ajaxというか Javascriptでは、utf-8しか認識しないととあるサイトに書いてあったのですが、そのCGIのページをphpに変更するにはものすごく多大な時間が必要になってしまうんですが、CGIをutf-8仕様にするのも大変です AjaxでShift_JISに変換するような事はできませんでしょうか？ http://javascriptist.net/ref_prototype/ajax.periodicalupdater.html のサイトに乗っている <script type="text/javascript" src="/js/prototype.js"></script> <script type="text/javascript"> var myajax; function execute() { myajax = new Ajax.PeriodicalUpdater( "container", "./member.cgi", { "method": "get", "parameters": "id=$id", frequency: 5, // 5秒ごとに実行 onSuccess: function(request) { // 成功時の処理を記述 // alert('成功しました'); // jsonの値を処理する場合↓↓ // var json; // eval("json="+request.responseText); // ↓IEでもキャッシュを読み込まずに毎回リモート接続を実行するためのコード(パラメータの書き換え) var str = myajax.options.parameters; var hash = str.parseQuery(); hash["ajax_request_id"] = Math.random(); hash = $H(hash); myajax.options.parameters = hash.toQueryString(); }, onComplete: function(request) { // 完了時の処理を記述 // alert('読み込みが完了しました'); // jsonの値を処理する場合↓↓ // var json; // eval("json="+request.responseText); }, onFailure: function(request) { alert('読み込みに失敗しました'); }, onException: function (request) { alert('読み込み中にエラーが発生しました'); } } ); } </script> を使用して自動更新をしようと思っているのですが
JpGaph + Ajaxでグラフを疑似ウィンドウで表示したい

最近Ajaxを始めました。 PHP　jpgraphで作成したグラフを、Ajaxで疑似ウィンドウ的に表示したいです。 graph.phpで生成したグラフを<div="graph"></div>に埋め込む感じで、下記のようなスクリプトを書いてみました。しかし当然バイナリデータなので、期待するような形で表示されてくれません。どうしたらいいのか皆目検討がつかず、困っています。ご存じの方、どうぞよろしくお願いいたします。 <html> <head> <script src="../../js/prototype.js" type="text/javascript"></script> <script type="text/javascript"> function showGraph(){ uri = "graph.php"; options = {onComplete: function(req){$("graph").innerHTML=req.responseText;}}; new Ajax.Request(uri, options); } </script> </head> <body> <input type="button" value="click" onClick="showGraph()"> <div id="graph"></div> </body> </html>
【javascript文法】　prototype.js Ajax.Request　onSuccess:に指定するfancitonの書き方

以下HTMLは開いた時に'2'がアラート、続いて'hello world'がアラートされるものです。動作的には期待どおりに動きますが、記述方法に難を感じています。課題としては、Ajax.RequestのonSuccess:に指定するfancrionをprototypeを使って宣言したfunctionで且つ、引数を与えたいです。（Ajax.Requestが返してくる引数も使いたい。）　表現が下手ですみません。 ※行頭は全角スペースです。実際に機能させる為には　半角に修正もしくは行頭スペースは削除して下さい。 <html> <head> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript"></script> </head> <body></body> </html> 以下"/ruby/hello.cgi"の例 #!/usr/bin/ruby puts "Content-Type: text/html\n\n" puts "hello world" ※実際に実行する場合はprototype.jsが必要です。これで、期待通りの結果が得られるのですが、コメントに記載したように、 http.prototype.request = function()の中でonSuccess:に指定する関数が、 this.と記述できず、r.と記述しないと動作しません。 http.prototype.request = function()の中で、 ~~~~~~~~~~~~~~ http.prototype.processRequest = function(h,arg) ~~~~~~~~~~~~~~ を使うのですから、 r.processRequest(h,1)ではなく、 ~ this.processRequest(h,1) ~~~~ と記述したいです。因みに同じような質問を http://oshiete1.goo.ne.jp/qa4663141.html でしており、この『応用』だとも思うのですが、名案浮かばずです。このような場合、どう記述するのがベターなのでしょうか？よろしくお願いいたします。
Ajax.RequestでのPHP通信について

new Ajax.Request を利用してちょっとしたメール送信フォームを作っています。一通り完成はしたのですが、PHP側での未入力チェック後、jsでの受け取り方が分からず困っています。 ----- ＜javascript ソース＞ function postData() { 　new Ajax.Request( 　　"send.php", { 　　　method: "post", 　　　parameters: Form.serialize("myform"), 　　　onComplete: onCompleteHandler 　　} 　); } function onCompleteHandler(request) { 　// ここでPHP側から未記入チェックを受信したい } ＜PHP ソース＞ // 必須項目チェック if( $formValue1 == "" || $formValue2 == "" ) { 　// ここから未記入を通知したい } ----- このようにPHP側で記入チェックし、それをjs側で受けとる方法が分からず困っています。すみませんがどなたか教えていただけると助かります。
文字化け

FAQになっていますが、AJAXの文字化けで苦しんでいます。長文失礼します。よろしくお願いします。作成中の中心部分の抜き出し部分を添付します。ダイアログで日本語を入力しそのまま返すのですが、文字化けします。 Windows XP TOMCAT6.0.18 prototype.js(最新リリース) ソースはすべて、SJIS、dialogProc関数の処理の問題とは思いますが。以下はjavascript部分（test1.js） function dialogProc() { window.showModalDialog( "test1?mode=dialog", this, "dialogWidth:480px;dialogHeight:480px" ); } function clickAct() { var request = new Ajax.Request( 'test1', { method:'post', asynchronous:false, parameters: Form.serialize( 'form' ), onFailure: function( response, options ) { alert( 'error' ); return( false ); } } ); document.getElementById( 'SERVLET_RESULT').innerHTML = request.transport.responseText; return( true ); }
ロード後にイベントをセットしたい

初めからタグに埋め込まないで、ロード後にイベントをセットしたいと思い、データを送信してからonCompleteの関数の中に記述しました。ちゃんとonCompleteの中に来ていることは確認できたのですが、 idがtestのタグをクリックしても反応がありません。以下のプログラムのどこがいけないのでしょうか？ <script type="text/javascript" src="prototype.js"></script> function post_data() { new Ajax.Request( "test.php", { method: "get", parameters: "test=aa", onComplete: function(httpObj){ var obj = document.getElementById("test"); obj.onClick = sample; } } ); } function sample() { alert("aa"); } window.onload = function() { post_data(); } <a href="" id="test">test</a>
AjaxでXMLの要素が取得できない

いつもお世話になっております。 Ajaxを勉強しているのですが、prototype.jsを使用し、XMLを読み込んでデータを表示させることができず困っております。ソースは以下の通りです。 logdate.xml <?xml version="1.0" encoding="UTF-8"?> <namelists> <namelist> <name>山田</name> <ten>50</ten> </namelist> <namelist> <name>鈴木</name> <ten>48</ten> </namelist> </namelists> hoge.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Solutoire.com Plotr &rsaquo; LineChart Example</title> <link type="text/css" rel="stylesheet" href="style.css" /> <script src="./lib/prototype/prototype.js" type="text/javascript"></script> <script type="text/javascript"></script> </head> <body> <a HREF="logdate.xml">a</a> <form> <input type="button" value="読み込み" onClick="getFile()"> </form> <div id="result"></div> </body> </html> 結果は0となってしまいます。ネットで調べたりしましたが、原因がつかめません。どのようにしたらよいのでしょうか？どなたか教えてください。宜しくお願い致します。
prototype.jsのAjax.Request

javascript部分 function loadDataFile(intvalue){ 　new Ajax.Request("uploader.php",{ 　　method:'post', 　　onComplete:function(httpObj){ 　　　test(intvalue); 　　} 　}); } function test(intvalue){ 　// 画像表示のための処理 } htmlのform部分 <form action="sample.php" method="post" name="syouhintouroku" enctype="multipart/form-data"> 　<input type="file" id="img_path1" name="img1" value="" /> 　<input type="button" value="画像を確認"　onclick="loadDataFile(引数);" /> </form> 今は、ざっとこのような感じで書いています。「画像を確認」ボタンが押されると画像がアップロードされるようにしたいのですが画像が送られていません。ちなみに、uploader.phpというのはPOST送信されてきたファイルをサーバー側のファイルに保存する処理をしています。通常のformのsubmitでは画像はちゃんとアップロードされるのでPHPファイルのほうに問題はないと思われます。もしかして、Ajax.Requestでは画像が送れないとか書き方が違うとかいうことなんでしょうか？よろしくお願いします。
jQueryとprototypeの共存

prototype.jsとjQuery.js、そのプラグインであるjquery.cycle.all.pack.jsを共存させ、データベースから取り出した画像にエフェクトをかけて表示したいと思っています。ライブラリの共存には'jQuery.noConflict();'を使うところまでは調べたのですが、その使い方がよくわかりません。現在は以下のようにプログラムを書いていますが、jqueryの効果が出ていません。使い方、描き方の間違い等ありましたらご指摘お願いいたします。 <script type="text/javascript" src="./js/prototype.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.cycle.all.pack.js"></script> <script type="text/javascript"> </script> </head> <body onLoad="loadHello()"> <ul id="sample"> <div id="検索結果表示領域"></div> </ul> </body> </html>
ajaxでtxtを取得する

基本的なことかもしれませんが、質問します。 prototypeのライブラリを使ってajaxに挑戦しています。 ******************** var D = { method : "get", onSuccess : function(){...} }; new Ajax.Request("dara.txt", D); ******************** この方法だと、キャッシュ(?)を読み込んでしまうのか、 cgiでの変更点がすぐに反映されてこないので、このようにしました。 ******************** var D = { method : "get", parameters : "n=" + Math.random(), //←ここを追加 onSuccess : function(){...} }; new Ajax.Request("dara.txt", D); ******************** これで、毎回ちゃんとサーバーから読み込むようになりましたが、このスクリプトを実行するたびにインターネット一時ファイルに保存されるので、ものすごい数のテキストファイルが保存されてしまいます。毎回サーバーから読み込んで、且つ、一時ファイルに残さない方法をご存知の方は、ご教示願います。
Ajaxで文字化けしてしまいます

IE6を使用しています。 UTF-8のBOMありで以下のコードを保存しています。 sample.txtに入っている「あああ」を出力すると文字化けしてしまいます。 <script src="prototype.js" type="text/javascript"></script> を <script src="prototype.js" type="text/javascript" charset="utf-8"></script> で試しても同じ結果でした。何が原因なのでしょうか？ <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>prototype.jsサンプル</title> <script src="prototype.js" type="text/javascript"></script> <script type="text/javascript"></script> </head> <body> <h1>prototype.jsサンプル</h1> <form method="get" name="ajaxForm" onsubmit="readText();return false;"> <input type="submit" value="sample.txtを読み込み"><br> </form> <div id="result"></div> </body> </html>
AjaxでのHTML呼び出しでjavascriptが読み込まれません。

自分のホームページにprototype.jsを使用してボタンクリックでのHTML呼び出しをやっているのですが、<script>は無視されてしまいます。ちなみにコードは、 <input type="button" value="GoogleNews" onclick="new Ajax.Updater('blk','page/sample1.html',{method: 'get'});"/> <input type="button" value="GoogleSearch" onclick="new Ajax.Updater('blk','page/sample2.html',{method: 'get'});"/> <input type="button" value="GoogleMaps" onclick="new Ajax.Updater('blk','page/sample3.html',{method: 'get'});"/> <div id="blk"></div> といったようなカタチです。もちろんprototypeは読み込んでいます。呼び出すHTMLに<head>をつけてjavascriptだと定義してもダメでした。ネットでも調べてみましたが、できないようなことがチラっとだけ書かれていました。私がやりたいのは、ページを移動せずにボタン切替でGoogleSearchAPIやGoogleGadgetを表示させるというものです。何かいい方法はないでしょうか？
Ajaxから画像ファイルへのリクエスト

こんにちは。現在、prototype.jsを使用してAjaxについて勉強をしています。【質問】画像ファイルへAjax.Requestを使用してリクエストを送信した場合、JavaScriptでは受信したバイナリデータを扱う事は出来ないのでしょうか。【サンプルコード】 new Ajax.Request("hoge.gif", { method: "get", onSuccess:function(httpObj){ var body = httpObj.responseBody; } }); ※ 変数bodyにバイナリデータが入っていると思ってます。色々調べて周ってみたのですが、画像等のバイナリファイルへリクエストを送信している様な例が無かったので、Ajaxでの通信はテキストデータのやりとりを前提としているのかなと、勝手に予測してみたのですが、どうなんでしょうか。下記サイトでHttpRequestオブジェクトについて調べてみても、MIMEを取って来れなさそうだったので、やはり扱え無いのかなと思いました。 http://www.devguru.com/Technologies/xmldom/quickref/obj_httpRequest.html あと、余談ですが上記サンプルコードの変数bodyをtypeof()に渡すとunknownになるのですね。。。（IE6）質問は以上です。どなたか、暇な時にでもご回答頂ければ幸いです。
トリッキーなJSの文法（prototype.jsなど）が分かりません

Ajaxの「prototype」( http://www.prototypejs.org/ )などで下記のようなfunctionの記述方法をよく見かけます。 ▼Prototype.js（ver1.5.0）　20行目抜粋 ---------------------------------------- var Class = { 　create: function() { 　　return function() { 　　　this.initialize.apply(this, arguments); 　　} 　} } -------------------------------------------- でも、私には高度すぎて以下の点がどうしても読み解けません。　（1）var Class = {～～～～～～}　が、何をしているのか分かりません。　　　配列なら[ ]ですし関数か何かを省略した宣言の記述方法なのでしょうか？　（2）create:　が何なのか分かりません。必死で調べたら型を宣言しているような感じでしたが、　　　見慣れない「：」を使ったプログラムで検討もつきません。私が知っているfunction宣言はこの2パターンのみしか知りません。・一般的なfunction宣言　function test(hikisu){ 　　//処理内容　} ・無名関数でのfunction宣言　var a = function(x) { 　　//処理内容　} ぜひ教えていただけませんでしょうか。どうぞよろしくお願いします。

proototype.jsでのデータ取得について

みんなの回答

関連するQ&A

[prototype.js] Ajax.Requestの取得データをコールバック関数外で取得する方法

関数の中の値を取り出したい

prototype.jsのAjax.Requestでeventを引数にしたのですが

ajaxでエラー処理

【Ajax】SHIFT-JISの文字化け

JSONのデータから商品名の取得の仕方

Ajaxのエンコードで

JpGaph + Ajaxでグラフを疑似ウィンドウで表示したい

【javascript文法】　prototype.js Ajax.Request　onSuccess:に指定するfancitonの書き方

Ajax.RequestでのPHP通信について

文字化け

ロード後にイベントをセットしたい

AjaxでXMLの要素が取得できない

prototype.jsのAjax.Request

jQueryとprototypeの共存

ajaxでtxtを取得する

Ajaxで文字化けしてしまいます

AjaxでのHTML呼び出しでjavascriptが読み込まれません。

Ajaxから画像ファイルへのリクエスト

トリッキーなJSの文法（prototype.jsなど）が分かりません

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

proototype.jsでのデータ取得について

みんなの回答

関連するQ&A

[prototype.js] Ajax.Requestの取得データをコールバック関数外で取得する方法

関数の中の値を取り出したい

prototype.jsのAjax.Requestでeventを引数にしたのですが

ajaxでエラー処理

【Ajax】SHIFT-JISの文字化け

JSONのデータから商品名の取得の仕方

Ajaxのエンコードで

JpGaph + Ajaxでグラフを疑似ウィンドウで表示したい

【javascript文法】 prototype.js Ajax.Request onSuccess:に指定するfancitonの書き方

Ajax.RequestでのPHP通信について

文字化け

ロード後にイベントをセットしたい

AjaxでXMLの要素が取得できない

prototype.jsのAjax.Request

jQueryとprototypeの共存

ajaxでtxtを取得する

Ajaxで文字化けしてしまいます

AjaxでのHTML呼び出しでjavascriptが読み込まれません。

Ajaxから画像ファイルへのリクエスト

トリッキーなJSの文法（prototype.jsなど）が分かりません

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

【Ajax】SHIFT-JISの文字化け　

【javascript文法】　prototype.js Ajax.Request　onSuccess:に指定するfancitonの書き方

カテゴリ
一覧

専門家に質問してみよう
専門家登録