jQuery_jquery の Ajax get、post などのメソッドの詳細な説明
load() メソッド は通常、Web サーバーから静的データ ファイルを取得するために使用されますが、これは ajax の完全な値を反映するものではありません。
プロジェクトで、サーバー上のページにいくつかのパラメーターを渡す必要がある場合は、$.get() または $.post() メソッド (または $.ajax() メソッド) を使用できます。
$.get() メソッド GET メソッドを使用して非同期リクエストを作成します。構造は次のとおりです: $.get(url [, data] [, callback] [, type])
$.get() メソッドのパラメータは次のように説明されています。
| パラメータ名 | タイプ | 説明 |
| URL | 文字列 | リクエストされた HTML ページの URL アドレス |
| データ(オプション) | オブジェクト | サーバーに送信されたキー/値データは、QueryString | としてリクエスト URL に追加されます。
| コールバック(オプション) | 関数 | ロードが成功するとコールバック関数が呼び出され (このメソッドは Response の戻りステータスが成功の場合にのみ呼び出されます)、リクエストの結果とステータスが自動的にこのメソッドに渡されます |
| タイプ(オプション) | 文字列 | サーバーから返されるコンテンツの形式 (xml、html、スクリプト、json、テキスト、_default など) |
$.post() メソッド。
$.post() メソッドと $.get() メソッドの構造と使用法は同じですが、それでも次のような違いがあります:
GET リクエストは URL の後にパラメータを渡しますが、POST リクエストは HTTP メッセージのエンティティ コンテンツとして Web サーバーに送信されます。
GET メソッドには送信されるデータのサイズ制限があります (通常は 2KB 以下) が、POST メソッドを使用して送信されるデータの量は GET メソッドよりもはるかに大きくなります (理論的には制限はありません)
GET メソッドで要求されたデータはブラウザによってキャッシュされるため、他のユーザーがブラウザの履歴からアカウント番号やパスワードなどのデータを読み取ることができます。場合によっては、GET メソッドは重大なセキュリティ問題を引き起こす可能性がありますが、POST メソッドはこれらの問題を比較的回避できます
GETメソッドとPOSTメソッドで転送されたデータは、サーバー側での取得方法が異なります。
$.getScript(): jQuery は、js ファイルを直接ロードするためのこのメソッドを提供します。これは、HTML フラグメントをロードするのと同じくらい簡単で便利で、JavaScript ファイルの処理は必要ありません。JavaScript ファイルは自動的に実行されます。
jQuery コードは次のとおりです:
$(関数() {
$("#send").click(function () {
$.getScript("test.js");
});
})
他の ajax メソッドと同様、$.getScript() メソッドにもコールバック関数があり、JavaScript ファイルが正常にロードされた後に実行されます。
例: jQuery 公式カラー アニメーション プラグイン (jquery.color.js) をロードし、成功後に色の変更アニメーションを要素にバインドする場合:
<スタイル>
* {マージン:0;}
body { font-size:12px;}
.comment { マージントップ:10px; パディング:10px; ボーダー:1px ソリッド #ccc;background:#DDD;}
.comment h6 { font-weight:700; font-size:14px;}
.para { margin-top:5px; 背景:#DDD;}
.block{幅:80px;高さ:80px;背景:#DDD;}
<スクリプトタイプ="text/javascript">
$(関数() {
$.getScript("jquery.color.js", function () {
$("#go").click(function () {
$(".block").animate({backgroundColor: 'pink'}, 1000)
.animate({backgroundColor: 'blue'}, 1000);
});
})
})