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

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

3
angular.js ng-modelにjsonをロードする方法は?
おそらく非常に明白な質問だと思いますが、どこにも答えが見つかりませんでした。 サーバーからクライアントにJSONデータをロードしようとしています。現在、私はJQueryを使用して、AJAX呼び出しでそれをロードしています(以下のコード)。 <script type="text/javascript"> var global = new Array(); $.ajax({ url: "/json", success: function(reports){ global = reports; return global; } }); </script> これはhtmlファイルにあります。これまでのところ機能しますが、問題はAngularJSを使用したいことです。今、Angularは変数を使用できますが、すべてを変数にロードできないため、for eachループを使用できます。これは通常、.jsファイルにある「$ Scope」に関連しているようです。 問題は、他のページから.jsファイルにコードをロードできないことです。Angularのすべての例は、次のようなものだけを示しています: function TodoCtrl($scope) { $scope.todos = [ {text:'learn angular', done:true}, {text:'build an angular app', done:false}]; したがって、これは便利です。IA)これをすべて手で入力したい場合、かつB)私のデータがすべて事前にわかっている場合... 事前に分からない(データは動的)ので、入力したくありません。 そのため、$ Resourceを使用してAJAX呼び出しをAngularに変更しようとしても、機能しないようです。理解できないかもしれませんが、JSONデータに対する比較的単純なGETリクエストです。 tl:dr外部データを角度モデルにロードするためにAJAX呼び出しを機能させることができません。

6
安全でない応答または接続拒否が原因でajax呼び出しが失敗したかどうかを判別します
私は多くの研究をしており、これを処理する方法を見つけることができませんでした。カスタムの自己署名証明書を使用して、httpsサーバーからjettyを実行しているlocahost httpsサーバーにjQuery ajax呼び出しを実行しようとしています。私の問題は、応答が接続拒否であるか、または安全でない応答であるか(証明書の受け入れがないため)を判断できないことです。両方のシナリオの違いを判断する方法はありますか?responseText、およびstatusCodeクロムコンソールで、私は違いを見ることができるにもかかわらず、どちらの場合も、常に同じです。 net::ERR_INSECURE_RESPONSE net::ERR_CONNECTION_REFUSED responseTextは常に ""で、statusCodeどちらの場合も常に "0"です。 私の質問は、jQuery ajax呼び出しが原因で失敗したのERR_INSECURE_RESPONSEか、それとも失敗したのかをどのように判断できるのERR_CONNECTION_REFUSEDですか? 証明書が受け入れられるとすべてが正常に機能しますが、localhostサーバーがシャットダウンされているか、それが稼働しているのに証明書がまだ受け入れられていないかを知りたいです。 $.ajax({ type: 'GET', url: "https://localhost/custom/server/", dataType: "json", async: true, success: function (response) { //do something }, error: function (xhr, textStatus, errorThrown) { console.log(xhr, textStatus, errorThrown); //always the same for refused and insecure responses. } }); 手動でリクエストを実行しても、同じ結果が得られます。 var request = …
114 javascript  jquery  ajax  https 

6
失敗後にInternet ExplorerがAjax呼び出しでHTTP投稿本文を送信しないのはなぜですか?
次のシナリオを確実に再現できます。 サーバーにAJAXリクエストを送信する小さなHTMLページを作成する(HTTP POSTを使用) ネットワークから切断して再接続する 失敗後にIEが生成するパケットを監視する ネットワーク接続が失敗した後、IEは次のAJAX要求を行いますが、HTTPポストを行うときはHTTPヘッダーのみを送信します(本文は送信しません)。これは部分的なリクエストに過ぎないため、サーバーであらゆる種類の問題を引き起こします。Bingでこの問題をググると、AJAXを使用した「ランダムサーバーエラー」または原因不明のAJAXの失敗について不満を言う人がたくさんいます。 IEは(他のほとんどのブラウザーとは異なり)常にHTTP POSTを2つのTCP / IPパケットとして送信することを知っています。ヘッダーと本文は別々に送信されます。失敗の直後の場合、IEはヘッダーのみを送信します。IEがペイロードを送信することはなく、サーバーは最終的にタイムアウトで応答します。 だから私の質問は-なぜそれがこのように振る舞うのですか?HTTP仕様に基づいて間違っているようで、他のブラウザはこのように動作しません。単なるバグですか?確かに、これは深刻なAJAXベースのWebアプリケーションに大混乱をもたらします。 参考情報: 1分より短いHTTPキープアライブタイムアウトによってトリガーされる同様の問題があり、ここに記載されています。 http://us.generation-nt.com/xmlhttprequest-post-sometimes-fails-when-server-using-keep-aliv-help-188813541.html http://support.microsoft.com/default.aspx?kbid=831167

9
jQuery:serialize()フォームとその他のパラメーター
単一のAJAXリクエストでフォーム要素(.serialize()メソッドでシリアル化)およびその他のパラメーターを送信することは可能ですか? 例: $.ajax({ type : 'POST', url : 'url', data : { $('#form').serialize(), par1 : 1, par2 : '2', par3: 232 } } そうでない場合、フォームを他のパラメーターと一緒に送信する最良の方法は何ですか? ありがとう


7
Ajax、戻るボタン、DOMの更新
JavaScriptがページAのDOMを変更する場合、ユーザーはページBに移動し、次に戻るボタンを押してページAに戻ります。ページAのDOMへの変更はすべて失われ、ユーザーは最初にサーバーから取得されたバージョンが表示されます。 それは、stackoverflow、reddit、および他の多くの人気のあるWebサイトでそのように機能します。(この質問にテストコメントを追加してから、別のページに移動し、戻るボタンを押して戻ってください-コメントは「消えてしまいます」) これは理にかなっていますが、一部のWebサイト(apple.com、basecamphq.comなど)は、どういうわけかブラウザにページの最新の状態を提供することを強制しています。(http://www.apple.com/ca/search/?q=ipodにアクセスし、上部にある[ダウンロード]リンクをクリックしてから[戻る]ボタンをクリック-すべてのDOM更新が保持されます) 矛盾はどこから来ていますか?
113 javascript  ajax  firefox 




8
jQuery:ajaxリクエストでの「Uncaught TypeError:Illegal invocation」-いくつかの要素
AとBの2つの選択要素があります。Aの選択されたオプションが変更されると、それに応じてBのオプションを更新する必要があります。Aの各要素はBの多くの要素を意味します。これは1対多の関係です(Aには国が含まれ、Bには指定された国にある都市が含まれる必要があります)。 関数do_ajaxは非同期リクエストを実行する必要があります。 function do_ajax(elem, mydata, filename) { $.ajax({ url: filename, context: elem, data: mydata, datatype: "html", success: function (data, textStatus, xhr) { elem.innerHTML = data; } }); } Bのオプションを更新するために、AのonChangeイベントに関数呼び出しを追加しました。これは、(のA)onChangeイベントがトリガーされたときに実行される関数です。 function my_onchange(e) // "e" is element "A" { var sel_B = ... ; // get select element "B" // I skipped …
112 html  ajax  jquery 

13
Ajax POSTリクエストのLaravel csrfトークンの不一致
ajaxを介してデータベースからデータを削除しようとしています。 HTML: @foreach($a as $lis) //some code <a href="#" class="delteadd" id="{{$lis['id']}}">Delete</a> //click action perform on this link @endforeach 私のajaxコード: $('body').on('click', '.delteadd', function (e) { e.preventDefault(); //alert('am i here'); if (confirm('Are you sure you want to Delete Ad ?')) { var id = $(this).attr('id'); $.ajax({ method: "POST", url: "{{url()}}/delteadd", }).done(function( msg …
112 php  jquery  ajax  laravel 

5
IEでのjQuery ajax呼び出しによる「トランスポートなし」エラー
会場を検索するには、foursquare APIを使用する必要があります。もちろんクロスドメインです。 Firefoxでは問題ありませんが、Internet Explorer(7、8、9はテスト済み)で問題はありません。 私のJavaScriptコードは次のようになります。 searchVenues: function(searchQuery) { $.ajax({ url: 'https://api.foursquare.com/v2/venues/search', data: { sw: bound_south_west, ne: bound_north_east, query: searchQuery.query, oauth_token: FSQ_OAUTH_TOKEN, limit: 25, intent: 'browse', v: 20120206 }, cache: false, dataType: 'json', success: function(data) { displayResults(data, searchQuery.query); }, error: function(xhr, status, errorThrown) { console.log(errorThrown+'\n'+status+'\n'+xhr.statusText); } }); } Firefoxでは、受信したデータを完全に表示します。Internet Explorerでは、コンソールにログオンします。 No …

3
異なるJSライブラリによって作成されたすべてのAJAXリクエストをインターセプトする方法
私はさまざまなJSライブラリ(AngularJS、OpenLayersなど)を使用してWebアプリを構築しており、ログに記録されたユーザーセッションが期限切れになった場合(応答が401 Unauthorizedステータスで戻る)にリダイレクトできるように、すべてのAJAX応答をインターセプトする方法が必要ですログインページへ。 AngularJSがinterceptorsそのようなシナリオを管理するために提供していることを知っていますが、OpenLayersリクエストへのそのような注入を実現する方法を見つけることができませんでした。だから私はバニラJSアプローチを選びました。 ここで私はこのコードを見つけました... (function(open) { XMLHttpRequest.prototype.open = function(method, url, async, user, pass) { this.addEventListener("readystatechange", function() { console.log(this.readyState); // this one I changed }, false); open.call(this, method, url, async, user, pass); }; })(XMLHttpRequest.prototype.open); ...私はそれを適応させ、期待どおりに動作するように見えます(最後のGoogle Chromeでのみテストしました)。 XMLHTTPRequestのプロトタイプを変更するときに、これがどれほど危険であるか、または深刻なパフォーマンスの問題を引き起こす可能性があるのか​​と思います。そしてところで、有効な代替案はありますか? 更新:リクエストが送信される前にインターセプトする方法 前のトリックは大丈夫です。しかし、同じシナリオで、リクエストが送信される前にヘッダーを挿入したい場合はどうでしょうか?以下をせよ: (function(send) { XMLHttpRequest.prototype.send = function(data) { // in this case I'm injecting …

2
同期操作の代わりに非同期WebAPI操作を作成する必要があるのはなぜですか?
作成したWeb APIに次の操作があります。 // GET api/<controller> [HttpGet] [Route("pharmacies/{pharmacyId}/page/{page}/{filter?}")] public CartTotalsDTO GetProductsWithHistory(Guid pharmacyId, int page, string filter = null ,[FromUri] bool refresh = false) { return delegateHelper.GetProductsWithHistory(CustomerContext.Current.GetContactById(pharmacyId), refresh); } このWebサービスの呼び出しは、次の方法でJquery Ajax呼び出しを介して行われます。 $.ajax({ url: "/api/products/pharmacies/<%# Farmacia.PrimaryKeyId.Value.ToString() %>/page/" + vm.currentPage() + "/" + filter, type: "GET", dataType: "json", success: function (result) { vm.items([]); var …

7
React JS-キャッチされないTypeError:this.props.data.mapは関数ではありません
(ファイルまたはサーバーから)JSONデータを表示しようとしたときに、reactjsを使用していて、このエラーを回避できないようです。 Uncaught TypeError: this.props.data.map is not a function 私が見た: 「TypeError:this.props.data.map is not a function」というコードをスローするReactコード React.js this.props.data.map()は関数ではありません これらはどちらも、問題を解決するのに役立ちませんでした。ページが読み込まれた後、this.data.propsが未定義ではないことを確認できます(JSONオブジェクトと同等の値を持っています-で呼び出すことができますwindow.foo)。 ConversationList。mapメソッドがundefined変数ではなくJSONデータで機能していることを確認するにはどうすればよいですか? var converter = new Showdown.converter(); var Conversation = React.createClass({ render: function() { var rawMarkup = converter.makeHtml(this.props.children.toString()); return ( <div className="conversation panel panel-default"> <div className="panel-heading"> <h3 className="panel-title"> {this.props.id} {this.props.last_message_snippet} {this.props.other_user_id} </h3> </div> <div …
109 javascript  ajax  json  reactjs 

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