jqueryでajaxを書く方法

(*-*)浩
リリース: 2020-09-18 09:47:05
オリジナル
11874 人が閲覧しました

jQuery で AJAX を記述するには、$ajax、$post、$get の 3 つの方法があります。このうち $post と $get は単純な記述メソッドであり、上位レベルの実装がこれらを呼び出すと、下位レベルでカプセル化された $ajax が実行されます。

jqueryでajaxを書く方法

#$.ajax 書き込み:

$.ajax({
	type: "POST",
	dataType: "json",
	url: "",
	data: ""
	success: function(data){
		
	},
	error: function(msg){
	
	}
});
ログイン後にコピー

パラメータ:

# 1. url:

は、文字列型パラメータ (デフォルトは現在のページ アドレス) である必要があります。リクエストの送信先アドレスです。

2. type:


には String 型のパラメータが必要で、リクエスト メソッド (post または get) のデフォルトは get です。 put や delete などの他の http リクエスト メソッドも使用できますが、一部のブラウザでのみサポートされていることに注意してください。


3. dataType:

文字列型のパラメータが必要で、サーバーから返されるデータ型が必要です。指定しない場合、JQuery は http パッケージの MIME 情報に基づいて、responseXML または responseText を自動的に返し、それをコールバック関数のパラメーターとして渡します。使用可能なタイプは次のとおりです。

    #xml: JQuery で処理できる XML ドキュメントを返します。
  • html: プレーン テキストの HTML 情報を返します。含まれているスクリプト タグは、DOM に挿入されると実行されます。
  • script: プレーンテキストの JavaScript コードを返します。結果は自動的にキャッシュされません。キャッシュパラメータが設定されていない限り。 (同じドメインの下ではなく) リモート要求を行う場合、すべての post 要求が get 要求に変換されることに注意してください。
  • json: JSON データを返します。
  • jsonp: JSONP 形式。 myurl?callback=? などの SONP フォームを使用して関数を呼び出すと、JQuery は最後の「?」を正しい関数名に自動的に置き換えてコールバック関数を実行します。
  • text: プレーン テキスト文字列を返します。
#data:

    サーバーに送信されるデータ、オブジェクト型または文字列型のパラメーターが必要です。
  • 文字列でない場合は、自動的に文字列形式に変換されます。
  • get リクエストは URL に追加されます。この自動変換を防ぐには、processData オプションを表示します。
  • オブジェクトはキー/値形式である必要があります。たとえば、{foo1:"bar1",foo2:"bar2"} は &foo1=bar1&foo2=bar2 に変換されます。
  • 配列の場合、JQuery は異なる値に対して同じ名前を自動的に対応させます。たとえば、{foo:["bar1","bar2"]} は &foo=bar1&foo=bar2 に変換されます。
#成功:

には、関数タイプのパラメータが必要です。リクエストが成功した後に呼び出されるコールバック関数には、2 つのパラメータがあります。

(1). サーバーから返され、dataType パラメーターに従って処理されたデータ。

(2)、ステータスを説明する文字列。

function(data, textStatus){
	//data可能是xmlDoc、jsonObj、html、text等等
	this;  //调用本次ajax请求时传递的options参数
}
ログイン後にコピー

error:

関数タイプのパラメータ、つまりリクエストが失敗したときに呼び出される関数が必要です。この関数には、XMLHttpRequest オブジェクト、エラー メッセージ、キャプチャされたエラー オブジェクト (オプション) という 3 つのパラメータがあります。 ajax イベント関数は次のとおりです。

function(XMLHttpRequest, textStatus, errorThrown){
  //通常情况下textStatus和errorThrown只有其中一个包含信息
  this;   //调用本次ajax请求时传递的options参数
}
ログイン後にコピー

おすすめ関連記事:
ajax ビデオ チュートリアル

以上がjqueryでajaxを書く方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
js
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート