タグ付けされた質問 「ajax」

AJAX(非同期JavaScriptおよびXML)は、従来のWebページの更新や再読み込みを行わずにインタラクティブなWebサイトのユーザーインターフェイスを作成するための手法です。クライアントとサーバー間の非同期データ交換を使用して、表示される情報を更新し、ユーザーの対話にシームレスに応答します。プログラミング言語、ライブラリ、フレームワーク、Webブラウザー、プロトコル、およびその他の環境情報の追加タグを含めます。


11
クロスオリジンリソースシェアリング(CORS)POSTリクエストを機能させる方法
ローカルLAN(machineA)に2つのWebサーバーを備えたマシンがあります。1つ目はXBMCに組み込まれているもの(ポート8080)で、ライブラリが表示されます。2番目のサーバーは、オンデマンドでファイル変換をトリガーするために使用しているCherryPy pythonスクリプト(ポート8081)です。ファイル変換は、XBMCサーバーから提供されるページからのAJAX POST要求によってトリガーされます。 後藤ます。http://マシンA:8080これはディスプレイライブラリー ライブラリが表示されます ユーザーは次のコマンドを発行する「変換」リンクをクリックします- jQuery Ajaxリクエスト $.post('http://machineA:8081', {file_url: 'asfd'}, function(d){console.log(d)}) ブラウザは、次のヘッダーを含むHTTP OPTIONSリクエストを発行します。 リクエストヘッダー-オプション Host: machineA:8081 User-Agent: ... Firefox/4.01 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 Accept-Language: en-us,en;q=0.5 Accept-Encoding: gzip,deflate Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7 Keep-Alive: 115 Connection: keep-alive Origin: http://machineA:8080 Access-Control-Request-Method: POST Access-Control-Request-Headers: x-requested-with サーバーは次のように応答します。 応答ヘッダー-オプション(ステータス= 200 OK) Content-Length: 0 Access-Control-Allow-Headers: * Access-Control-Max-Age: 1728000 Server: CherryPy/3.2.0 …
216 jquery  ajax  cherrypy  cors 

9
Google ChromeがJSON AJAX応答をプレーンテキストではなくツリーとして表示する
これに対する答えは見つかりません: 私のAJAX呼び出しはJSONデータを返します。Google Chromeデベロッパーツール>リソース> XHRで左側のリソースをクリックし、[コンテンツ]タブをクリックすると、JSON文字列が文字列として表示され、FirebugやFirebug Liteのようにツリーとして表示されません。 Chromeを強制的にツリーとして表示するにはどうすればよいですか。PHPファイルに必要なContent-typeはありますか??? 答えを教えてください! ありがとうステファノス
215 ajax  json  google-chrome  view  tree 

9
Reactjsはhtml文字列をjsxに変換します
FacebookのReactJSの処理に問題があります。ajaxを実行してHTMLデータを表示したいときはいつでも、ReactJSはそれをテキストとして表示します。(下図参照) データは、jquery Ajaxの成功コールバック関数を介して表示されます。 $.ajax({ url: url here, dataType: "json", success: function(data) { this.setState({ action: data.action }) }.bind(this) }); これをhtmlに変換する簡単な方法はありますか?ReactJSを使用するにはどうすればよいですか?

7
AngularJSにHTTP 'Get'サービスの応答をキャッシュしますか?
データオブジェクトが空の場合にHTTP 'Get'リクエストを作成し、成功時にデータオブジェクトを生成するカスタムAngularJSサービスを作成できるようにしたいのですが。 次にこのサービスが呼び出されたときに、HTTPリクエストを再度行うオーバーヘッドをバイパスし、代わりにキャッシュされたデータオブジェクトを返します。 これは可能ですか?

7
Ajaxクエリの投稿エラーをキャッチするにはどうすればよいですか?
エラーをキャッチし、Ajaxリクエストが失敗した場合に適切なメッセージを表示したいと思います。 私のコードは次のようですが、失敗したAjaxリクエストをキャッチすることができませんでした。 function getAjaxData(id) { $.post("status.ajax.php", {deviceId : id}, function(data){ var tab1; if (data.length>0) { tab1 = data; } else { tab1 = "Error in Ajax"; } return tab1; }); } 私は、Ajaxリクエストが失敗したときに「Ajaxのエラー」が実行されることはないことを知りました。 Ajaxエラーを処理し、失敗した場合に適切なメッセージを表示するにはどうすればよいですか?

9
Chromeでのモニタリングのリクエスト
Firefoxでは、Firebugを使用して、私のajax呼び出しが行うすべてのhttp要求を表示できるようにしています。開発をChromeに切り替えましたが、今のところ気に入っています。ただし、私の唯一の不満は、開発者ツールでは各ajaxリクエストを表示できないようだということです。[リソース]パネルに同じリソースへの複数のリクエストが表示されたことが一度ありましたが、一度しか実行されず、二度と実行されませんでした。 Chrome内からJavaScriptを介してページが行うすべてのHTTPリクエストを確実に確認する方法はありますか? [編集:2009年11月30日11:55] 現在、これを回避するために、Chromeの横にあるFiddlerを実行してリクエストを表示していますが、ブラウザー内から実行する方法がある場合は、それを使用します。

9
GzipのJavaScript実装[終了]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 5年前休業。 この質問を改善する JSONデータをAJAXを介して小さな固定サイズのサーバー側キャッシュに保存する必要があるWebアプリケーションを作成しています(考えてみると、Opensocialクォータ)。サーバーを制御できません。 サーバー側の割り当て内に収まるように格納されたデータのサイズを減らす必要があり、サーバーに送信する前にブラウザーで文字列化されたJSONをgzipできることを望んでいました。 しかし、私はGzipのJavaScript実装の方法で多くを見つけることができません。送信する前にクライアント側でデータを圧縮する方法について何か提案はありますか?

20
jQuery Ajax呼び出しとHtml.AntiForgeryToken()
私は自分のアプリに、インターネット上のブログ投稿で読んだ情報に従って、CSRF攻撃の緩和策を実装しました。特にこれらの投稿は私の実装の原動力となっています ASP.NETおよびWebツール開発者コンテンツチームによるASP.NET MVCのベストプラクティス Phil Haackブログのクロスサイトリクエストフォージェリ攻撃の構造 ASP.NET MVCフレームワークのAntiForgeryToken- David HaydenブログのHtml.AntiForgeryTokenおよびValidateAntiForgeryToken属性 基本的に、これらの記事と推奨事項では、CSRF攻撃を防ぐには、次のコードを実装する必要があるとしています。 1)[ValidateAntiForgeryToken]POST Http動詞を受け入れるon onアクションを追加します [HttpPost] [ValidateAntiForgeryToken] public ActionResult SomeAction( SomeModel model ) { } 2)<%= Html.AntiForgeryToken() %>サーバーにデータを送信するフォーム内にヘルパーを追加します <div style="text-align:right; padding: 8px;"> <%= Html.AntiForgeryToken() %> <input type="submit" id="btnSave" value="Save" /> </div> とにかく、私のアプリの一部で、フォームをまったく持たずにサーバーに対してjQueryでAjax POSTを実行しています。これは、たとえば、ユーザーに画像をクリックして特定のアクションを実行させる場合に発生します。 アクティビティのリストを含むテーブルがあるとします。テーブルの列に「アクティビティに完了のマークを付ける」という画像があり、ユーザーがそのアクティビティをクリックすると、次のサンプルのようにAjax POSTを実行しています。 $("a.markAsDone").click(function (event) { event.preventDefault(); $.ajax({ type: "post", …

1
$ .ajaxエラーがタイムアウトかどうかを判別する
の魔法を利用していjQuery.ajax( settings )ます。 しかし、誰かがタイムアウト設定で多く遊んだのではないかと思いますか? 基本的にリクエストのローカル時間を指示するためのものであることはわかっていますが、タイムアウトに達した場合に何かをトリガーできますか?それとも単に応答を聞くのをやめるのですか? jQueryサイトを読むと、引数が渡されていないことがわかります。そのため、1つの機能を持つ単純な設定のように見えます。結構です。 しかし、タイムアウトに達した場合にアラートまたは何らかの機能をトリガーしたいと思います。この場合、エラー設定がトリガーされないことがわかります。 これが私のスニペットです: $("form#testform").submit(function(){ var allFormValues = $("form#testform").serialize(); $.ajax({ cache:false, timeout:8000, // I chose 8 secs for kicks type:"POST", url:"someurl.php", data:allFormValues, error:function(){ alert("some error occurred") }, success:function(response){ alert(response); } }); }); 誰かがタイムアウトでもっと働く方法を知っていますか?

7
WebSocketが使用可能な場合にAJAXを使用する理由
私はしばらくWebSocketを使用していますが、Node ServerとWebSocketを利用して、大学の最終年度プロジェクト用のアジャイルプロジェクト管理ツールを作成することを選択しました。WebSocketを使用すると、アプリケーションが処理できる1秒あたりのリクエスト数が624%増加することがわかりました。 ただし、プロジェクトを開始して以来、セキュリティの抜け穴や、デフォルトでWebSocketを無効にすることを選択しているブラウザを読んでいます。 これは私に質問を導きます: WebSocketsがレイテンシとリソースオーバーヘッドを減らすというすばらしい仕事をしているように見えるのに、なぜAJAXを使用するのですか?AJAXがWebSocketsよりも優れている点はありますか?

7
SVGコンテンツを削除または置換するにはどうすればよいですか?
svgチャートを含む要素を(D3.jsを使用して)作成するJavaScriptコードがあります。AJAXを使用してWebサービスからの新しいデータに基づいてグラフを更新したいのですが、問題は、更新ボタンをクリックするたびに新しいが生成さsvgれるため、古いデータを削除するか、そのコンテンツを更新することです。 以下は、私が作成するJavaScript関数のスニペットsvgです。 var svg = d3.select("body") .append("svg") .attr("width", w) .attr("height", h); 古いsvg要素を削除したり、少なくともそのコンテンツを置き換えるにはどうすればよいですか?
200 javascript  ajax  svg  d3.js 


6
Access-Control-Allow-Originをバイパスする方法
私は自分のサーバーにajax呼び出しを行って、これらのajax呼び出しを防止するように設定したプラットフォームでサーバーにデータをフェッチして、サーバーのデータベースから取得したデータを表示する必要があります。私のajaxスクリプトは機能しています。サーバーのphpスクリプトにデータを送信して、処理できるようにすることができます。ただし、処理されたデータは、"Access-Control-Allow-Origin" そのプラットフォームのソース/コアにアクセスできません。そのため、許可されていないスクリプトは削除できません。(P / SIはGoogle Chromeのコンソールを使用し、このエラーを発見しました) 以下に示すAjaxコード: $.ajax({ type: "GET", url: "http://example.com/retrieve.php", data: "id=" + id + "&url=" + url, dataType: 'json', cache: false, success: function(data) { var friend = data[1]; var blog = data[2]; $('#user').html("<b>Friends: </b>"+friend+"<b><br> Blogs: </b>"+blog); } }); またはJSON上記のajaxスクリプトに相当するコードはありますか?JSON許されると思います。 誰かが私を助けてくれることを願っています。
197 javascript  php  jquery  ajax  cors 

9
HttpOnly CookieはAJAXリクエストでどのように機能しますか?
Cookieに基づくアクセス制限があるサイトでAJAXが使用されている場合、JavaScriptはCookieにアクセスする必要があります。HttpOnly CookieはAJAXサイトで機能しますか? 編集:マイクロソフトは、HttpOnlyが指定されている場合にJavaScriptがCookieにアクセスできないようにすることで、XSS攻撃を防ぐ方法を作成しました。FireFoxは後でこれを採用しました。だから私の質問は:StackOverflowのようなサイトでAJAXを使用している場合、Http-Only Cookieはオプションですか? 編集2:質問2. HttpOnlyの目的がCookieへのJavaScriptアクセスを防ぐことであり、XmlHttpRequestオブジェクトを介してJavaScript経由でCookieを取得できる場合、HttpOnlyの目的は何ですか? 編集3:ウィキペディアからの引用です: ブラウザがこのようなCookieを受信すると、次のHTTP交換では通常どおりにそれを使用することになっていますが、クライアント側のスクリプトからは見えないようになっています。[32] このHttpOnlyフラグは標準の一部ではなく、すべてのブラウザーに実装されているわけではありません。現在、XMLHTTPRequestを介したセッションCookieの読み取りまたは書き込みは禁止されていないことに注意してください。[33]。 document.cookieHttpOnlyを使用するとブロックされることを理解しています。しかし、XMLHttpRequestオブジェクトのCookie値を読み取ることができ、XSSを許可できるようです。HttpOnlyはどのようにしてあなたをより安全にしますか?Cookieを本質的に読み取り専用にすることによって? あなたの例では、に書き込むことはできませんdocument.cookieが、それでもCookieを盗み、XMLHttpRequestオブジェクトを使用してドメインに投稿することができます。 <script type="text/javascript"> var req = null; try { req = new XMLHttpRequest(); } catch(e) {} if (!req) try { req = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {} if (!req) try { req = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} req.open('GET', 'http://stackoverflow.com/', …
195 ajax  cookies  httponly 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.