AJAXのための[AJAX] jQueryの
1. $アヤックス()
-
定義と使用法
AJAX(非同期HTTP)リクエストを実行するためのアヤックス()メソッド。すべてのjQueryのAJAXの方法はアヤックス()メソッドを使用します。一般的に他の方法を要求するために使用される方法は終了することができません。
-
構文
$アヤックス({名:値、名前:値、...})
このパラメータは、一つ以上のAJAXリクエスト/値ペアの名前を指定します。
次の表は、可能な名前/値:
名前 | 値/説明 |
---|---|
非同期 | 要求非同期処理かどうかを示すブール値。デフォルトはtrueです。 |
beforeSend(XHR) | 操作を送信する前に、機能要求。 |
キャッシュ | ブラウザが要求されたページをキャッシュするかどうかを示すブール値。デフォルトはtrueです。 |
完全な(XHR、ステータス) | 要求が完了したとき(要求が成功したか、呼び出しに失敗した後、すなわち成功と誤差関数の後、)を実行するための機能。 |
contentTypeの | コンテンツタイプが使用されているサーバにデータを送信します。デフォルトは次のとおりです。 "アプリケーション/ x-www-form-urlencodedで"。 |
環境 | AJAXコールバックのすべての関連規定「この」値。 |
データ | サーバーに送信するデータの提供。 |
dataFilter(データ入力) | 生応答データを処理するためのXMLHttpRequest機能。 |
データ・タイプ | サーバーの応答の予想データ型。 |
エラー(XHR、ステータス、エラー) | この関数は、要求を実行するために失敗した場合。 |
グローバル | 要求するかどうかを指定しますが、世界的なAJAXのイベントハンドラをトリガすることをブール値。デフォルトはtrueです。 |
ifModified | かどうかはブール値のみリクエストが成功した最後の要求応答が変化するため指定します。デフォルトはfalseです。 |
JSONP | JSONPを書き換えるためのコールバック関数内の文字列。 |
jsonpCallback | これは、JSONPでコールバック関数の名前を指定します。 |
パスワード | HTTPアクセス認証要求に使用するパスワードの規定。 |
PROCESSDATA | データ列がクエリ要求に変換するかどうかを指定しますが、送信されたことをブール値。デフォルトはtrueです。 |
scriptCharset | 引当金は、文字セットを要求しました。 |
成功(その結果、状態、XHR) | リクエストが成功したときに関数が実行されると。 |
タイムアウト | (ミリ秒)のローカル要求時間を設定します。 |
伝統的な | 伝統的なスタイルのパラメータのシーケンスを使用するように指定するかどうかをブール値。 |
タイプ | 所定の要求に(GETまたはPOST)を入力します。 |
URL | URL指定された要求が送信されました。デフォルトは現在のページです。 |
ユーザ名 | HTTPアクセス認証要求内のユーザー名を使用する必要があります。 |
XHR | XMLHttpRequestオブジェクトを作成するための機能。 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery实现ajax</title>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
//定义方法
function fun() {
//使用$.ajax()发送异步请求
$.ajax({
url:"ajaxServlet",//请求路径
type:"POST",//请求方式
//data:"username=jack&age=23",//请求参数
data:{"username":"jack","age":23},
success:function (data) {
alert(data);
},//响应成功后的回调函数
error:function(){
alert("出错了")
},//表示如果请求响应出现错误,会执行的回调函数
dataType:"text"//设置接收到的响应数据的格式
});
}
</script>
</head>
<body>
<input type="button" value="发送异步请求" onclick="fun()">
<input>
</body>
</html>
2. $に.get()
リモートHTTP GETリクエストを介して情報をロード。
これは、複雑な$のアヤックスの機能を置き換えるために、単純なGETリクエストです。リクエストが成功したときにコールバック関数を呼び出すことができます。あなたは、エラーが発生したときに関数を実行する必要がある場合は、$アヤックスを使用しています。
$.get(url,[data],[callback],[type]);
url:待载入页面的URL地址
data:待发送 Key/value 参数。
callback:载入成功时回调函数。
type:返回内容格式,xml, html, script, json, text, _default。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery实现ajax</title>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
//定义方法
function fun() {
//使用$.get()发送异步请求
$.get("ajaxServlet",{username:"rose"},function (data) {
alert(data);
},"text");
}
</script>
</head>
<body>
<input type="button" value="发送异步请求" onclick="fun()">
<input>
</body>
</html>
3.($ .post)
リモートHTTP POSTによって要求されたロード情報。
これは、複雑な$のアヤックスを交換するPOSTリクエストの単純な関数です。リクエストが成功したときにコールバック関数を呼び出すことができます。あなたは、エラーが発生したときに関数を実行する必要がある場合は、$アヤックスを使用しています。
$.post(url,[data],[callback],[type]);
url:发送请求地址。
data:待发送 Key/value 参数。
callback:发送成功时回调函数。
type:返回内容格式,xml, html, script, json, text, _default。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery实现ajax</title>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
//定义方法
function fun() {
//使用$.get()发送异步请求
$.post("ajaxServlet",{username:"rose"},function (data) {
alert(data)
},"text");
}
</script>
</head>
<body>
<input type="button" value="发送异步请求" onclick="fun()">
<input>
</body>
</html>