フロントエンド

[転載] $。get、$。post、$ getJSON、$ ajax



Get



再印刷接続： https://www.cnblogs.com/ranzige/p/jquery_get_ajax.html
私たちがjavascriptでajaxプログラムを書き、「happy」と書いたとき、誰かが突然jqueryと呼ばれるものがあるとあなたに言いました、それはHttpRequestで直接ではないことがどれほど幸せかを教えてくれます、そして同時にあなたはもはやもつれについて心配する必要はありませんajaxの文字化けの問題。幸いなことに、jsコードが大幅に簡素化されます。この記事を読んだ後、ajaxは単に1文の問題であることがわかります。

この記事では、jQueryでajaxを呼び出す4つの方法に焦点を当てています。。 g e t、.get、。役職、g e t J S O N、getJSON、ajax。読者がjavascriptとjqueryの知識を持っていない場合、またはajaxの概念を持っていない場合は、最初にgoogleのボスに質問してから、この記事を読んでください。



1、$。get

$ .get（）メソッドは、GETを使用して非同期要求を行います。その構文構造は次のとおりです。



$ .get（url [、data] [、callback]）

この関数のさまざまなパラメーターを説明します。

url：文字列タイプ、ajaxリクエストのアドレス。



data：オプションのパラメーター、オブジェクトタイプ、サーバーに送信されるキー/値データは、QueryStringとしてリクエストURLに追加されます。

コールバック：オプションのパラメーター、関数型。ajaxが成功を返したときに自動的に呼び出されます。

最後に、参照用に$ .get（）の例を記述します。

$.get( 'submit.aspx',{ id: '123', name:'Qingteng Garden', },function(data,state){ //The data returned from the server is displayed here alert(data) //The status returned here is displayed alert(state) } )

2、$。post（）

$ .post（）メソッドはPOSTを使用して非同期リクエストを行います。その構文構造は次のとおりです。

$ .post（url、[data]、[callback]、[type]）

この方法と。 get（）使用法の違い多くはありません、単独で多くのオフワンAタイプの高麗人参番号、これだけでこれはShaoタイプの高麗人参番号を紹介します右、表面での高麗人参テストの彼.get（）の使用法はほとんどです同じように、タイプパラメータが1つだけ追加されるため、ここではタイプパラメータのみが導入され、他の参照は上記にあります。。取得する（）。

type：typeは、html、xml、jsonなどの要求されたデータ型です。このパラメーターをjsonに設定すると、返される形式はjson形式になります。設定されていない場合は、$。get（）で返されます。形式は同じで、すべて文字列です。

最後に、参照用に$ .post（）の例を記述します。

$.post( 'submit.aspx',{ id: '123', name:'Qingteng Garden', },function(data,state){ //The data returned from the server is displayed here alert(data) //The status returned here is displayed alert(state) }, 'json' )

3、$。getJSON（）

$ .getJSON（）は、ajaxがjsonデータを取得するために特別に設定されており、クロスドメイン呼び出しをサポートしています。構文形式は次のとおりです。

getJSON（url、[data]、[callback]）

url：文字列型、送信リクエストアドレスデータ：オプションのパラメータ、送信するキー/値パラメータ、getと同じ、post型データコールバック：オプションのパラメータ、読み込みが成功したときのコールバック関数、getと同じ、post型コールバック

JSONは理想的なデータ転送形式であり、JavaScriptまたは他のホスト言語と十分に統合でき、JSで直接使用できます。 JSONの使用は、構造が合理的であり、従来の「ネイキッド」データをGETまたはPOSTを介して直接送信するよりも安全です。 jQueryのgetJSON（）関数に関しては、JSONパラメーターを設定するajax（）関数の単純化されたバージョンです。この関数はドメイン間でも使用でき、get（）やpost（）に比べて特定の利点があります。さらに、この関数は、要求URLを「myurl？callback = X」の形式で書き込むことにより、プログラムにコールバック関数Xを実行させることができます。

4、$。Ajax（）

$ .ajax（）はjqueryで一般的に使用されるajaxパッケージであり、その構文は次のとおりです。

$ .ajax（オプション）

その中で、optionsは、このajax呼び出しの特定のパラメーターを指定するオブジェクトタイプです。ここでは、最も一般的に使用されるパラメーターを添付します。

$.ajax({ url: 'submit.aspx', datatype: 'json', type: 'post', success: function (e) {//Callback after success alert(e) }, error: function(e){ //Callback after failure alert(e) }, beforeSend: function(){ /Call before sending the request, you can put some 'loading' and other words alert('Loading') } })

さて、上記はajax呼び出しを実現するためのjqueryのいくつかの方法です。私は皆を助けたいと思っています。