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

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

8
JavaScriptでHTMLを生成するためのベストプラクティスはありますか
JSONでオブジェクトの配列を返すWebサービスを呼び出しています。これらのオブジェクトを取得して、divにHTMLを入力したいと思います。各オブジェクトにURLと名前が含まれているとしましょう。 オブジェクトごとに次のHTMLを生成したい場合: <div><img src="the url" />the name</div> このためのベストプラクティスはありますか?私はそれを行ういくつかの方法を見ることができます: 文字列を連結する 要素を作成する テンプレートプラグインを使用する サーバー上でhtmlを生成し、JSONを介して提供します。
103 javascript  html  ajax  dynamic  dhtml 

7
JsonPへのデータの投稿
JsonPにデータを投稿することはできますか?または、すべてのデータをGETリクエストとしてクエリ文字列で渡す必要がありますか? サービス、クロスドメインに送信する必要があるデータがたくさんあり、クエリ文字列を介して送信するには大きすぎる これを回避するためのオプションは何ですか?
102 javascript  jquery  ajax  json  jsonp 

8
ページ上のすべてのAJAXリクエストに「フック」を追加する
すべてのAJAXリクエストに「フック」して(送信されようとしているとき、またはイベントが発生したときに)、アクションを実行できるかどうかを知りたいです。この時点では、ページ上に他のサードパーティのスクリプトがあると想定しています。これらのいくつかはjQueryを使用するかもしれませんが、他は使用しません。これは可能ですか?

18
API Gateway CORS:「Access-Control-Allow-Origin」ヘッダーなし
CORSはAPIGatewayを介して設定され、Access-Control-Allow-Originヘッダーが設定されていますが、Chrome内でAJAXからAPIを呼び出そうとすると、次のエラーが発生します。 XMLHttpRequestはhttp://XXXXX.execute-api.us-west-2.amazonaws.com/beta/YYYYYを読み込めません。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン 'null'はアクセスを許可されません。応答のHTTPステータスコードは403でした。 Postmanを介してURLを取得しようとしましたが、上記のヘッダーが正常に渡されたことが示されています。 そして、オプションの応答から: JSON-Pに戻さずにブラウザからAPIを呼び出すにはどうすればよいですか?

6
httpページでhttpsを使用するAjax
私のサイトはhttpおよびhttpsプロトコルを使用しています。コンテンツには影響しません。私のサイトはjQuery ajax呼び出しを使用しており、ページの一部の領域も埋められます。 次に、すべてのajax呼び出しをhttps経由で実行したいと思います。(理由を聞かないでください:))httpsプロトコルを使用したページでajaxリクエストが機能しています。httpプロトコルを使用したページでJavascriptエラーが発生する:制限付きURIへのアクセスが拒否されました これはクロスドメインの問題であることを知っています(実際、それはクロスプロトコルの問題です)、現在のページと同じプロトコルをajax呼び出しで使用する必要があることを知っています。 それでも、すべてのajax呼び出しをhttpsにして、httpで提供されたページで呼び出したいと思っています。これを達成するための回避策はありますか(いくつかのjson / proxyソリューション?)、または単に不可能ですか?
101 jquery  ajax  https  cors 

1
AJAXポストエラー:安全でないヘッダー「接続」の設定が拒否されました
PHPファイルにデータをポストバックする次のカスタムajax関数があります。データのポストが発生するたびに、次の2つのエラーが発生します。 安全でないヘッダー「Content-length」の 設定を拒否安全でないヘッダー「Connection」の設定を拒否 コード: function passposturl(url1, params, obj) { //url1 = url1+"&sid="+Math.random(); xmlHttp = get_xmlhttp_obj(); xmlHttp.loadflag = obj; xmlHttp.open("POST", url1, true); //alert(url1); //alert(params); //alert(obj); //alert(params.length); xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlHttp.setRequestHeader("Content-length", params.length); xmlHttp.setRequestHeader("Connection", "close"); xmlHttp.onreadystatechange = function () { stateChanged(xmlHttp); }; xmlHttp.send(params); } 何が悪いのですか?
101 javascript  ajax 

6
HTML5では、WebアプリでピアツーピアのHTTP接続を確立できますか?
中央サーバーの助けを借りて、同じWebアプリの他のユーザーとの直接接続を作成できるWebアプリを作成することは可能ですか?UDPホールパンチングに似たプロセスを想像しています。 HTML5の新しいWebSockets APIについて読みましたが、全二重接続を開始する前に、WS互換サーバーとの接続を開始する必要があります。クライアント間の直接接続を確立するプロセスについてさらに考えています。サーバーは最初のハンドシェイクにのみ関与します。 注:Javaアプレットはカウントされません。興味があるのは、標準のブラウザ技術だけです。
100 javascript  ajax  html 

10
複数のパラメーターをjQuery ajax呼び出しに渡す
aspxページでwebmethodを呼び出す次のjqueryコードがあります $.ajax({ type: "POST", url: "popup.aspx/GetJewellerAssets", contentType: "application/json; charset=utf-8", data: '{"jewellerId":' + filter + '}', dataType: "json", success: AjaxSucceeded, error: AjaxFailed }); そしてここにWebメソッドのシグネチャがあります [WebMethod] public static string GetJewellerAssets(int jewellerId) { これは正常に動作します。 しかし今、私は2つのパラメータをWebメソッドに渡す必要があります 新しいWebメソッドは次のようになります [WebMethod] public static string GetJewellerAssets(int jewellerId, string locale) { } この新しいメソッドシグネチャを正常に呼び出すようにクライアントコードを変更するにはどうすればよいですか? 編集: 次の2つの構文が機能しました data: '{ "jewellerId":' + …
99 asp.net  jquery  ajax 

2
投稿と取得のためのAjaxチュートリアル[終了]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 5年前に閉鎖。 この質問を改善する 単純なajaxチュートリアルまたは単純な入力フォームのケーススタディが必要です。入力フォームを介してユーザー名を投稿し、データベースに送信して結果を返信します。 Mootoolを使用しているチュートリアルは1つしかありませんが、jQueryを使用しているチュートリアルを探しているので、そのようなチュートリアルに対する推奨は大歓迎です。
99 jquery  ajax 

19
接続を早期に閉じるにはどうすればよいですか?
かなり長いプロセスを開始する(JQueryを介して)AJAX呼び出しを実行しようとしています。スクリプトがプロセスが開始したことを示す応答を送信するだけでいいのですが、JQueryはPHPスクリプトの実行が完了するまで応答を返しません。 私はこれを「閉じる」ヘッダー(下記)と出力バッファリングで試しました。どちらも動作しないようです。推測は?またはこれは私がJQueryで行う必要があるものですか? <?php echo( "We'll email you as soon as this is done." ); header( "Connection: Close" ); // do some stuff that will take a while mail( 'dude@thatplace.com', "okay I'm done", 'Yup, all done.' ); ?>
99 php  jquery  ajax 

11
AJAX呼び出し後にinnerHTMLによって挿入された<script>を実行する
「コンテンツ」というdivがあります。 &lt;div id="content"&gt;&lt;/div&gt; &lt;script&gt;タグを含む、AJAXによるPHPファイルからのデータを入力する必要があります。ただし、このタグ内のスクリプトは実行されていません。 &lt;div id="content"&gt;&lt;!-- After AJAX loads the stuff that goes here --&gt; &lt;script type="text/javascript"&gt; //code &lt;/script&gt; &lt;!-- More stuff that DOES work here --&gt; &lt;/div&gt;
99 javascript  html  ajax 

5
基本認証用の正しい承認ヘッダーを送信する方法
APIからデータをPOSTしようとしていますが、基本認証を渡すことができません。 私が試す: $.ajax({ type: 'POST', url: http://theappurl.com/api/v1/method/, data: {}, crossDomain: true, beforeSend: function(xhr) { xhr.setRequestHeader('Authorization', 'Basic [REDACTED]'); } }); 私のサーバー構成応答は: response["Access-Control-Allow-Origin"] = "*" response["Access-Control-Allow-Methods"] = "POST" response["Access-Control-Max-Age"] = "1000" response["Access-Control-Allow-Headers"] = "*" 私が得るヘッダーは: リクエストヘッダー OPTIONS /api/v1/token-auth/ HTTP/1.1 Host: theappurl.com Connection: keep-alive Access-Control-Request-Method: POST Origin: http://127.0.0.1:8080 User-Agent: Mozilla/5.0 (X11; Linux x86_64) …

6
AJAX POSTとプラス記号(+)—エンコードする方法は?
AJAXを介してフォームフィールドの内容をPHPスクリプトにPOSTし、JavaScriptを使用してPOSTしていますescape(field_contents)。問題は、プラス記号が取り除かれ、スペースに置き換えられていることです。プラス記号を安全に「エンコード」してから、PHP側で適切に「デコード」するにはどうすればよいですか?

3
jquery .on()送信イベント
に問題があり.on()ます。複数のフォーム要素(のあるフォームclass="remember")があり、form.rememberAJAXを使用して別のフォーム要素も追加しています。したがって、次のような送信イベントを処理する必要があります。 $('form.remember').on('submit',function(){...}) ただし、AJAXで追加されたフォームは機能しません。 問題はどこだ?バグですか?
98 jquery  ajax  forms  submit 

28
jquery select2の選択された値を設定するにはどうすればよいですか?
これは、select2バージョン4より前のコードに属しています 私はselect2ajaxからデータを取得する簡単なコードを持っています $("#programid").select2({ placeholder: "Select a Program", allowClear: true, minimumInputLength: 3, ajax: { url: "ajax.php", dataType: 'json', quietMillis: 200, data: function (term, page) { return { term: term, //search term flag: 'selectprogram', page: page // page number }; }, results: function (data) { return {results: data}; } }, dropdownCssClass: "bigdrop", …

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