js jquery ajaxのいくつかの使い方のまとめ（および利点と欠点の紹介）_javascriptスキル

この記事は、ajax が何なのかを知らなかった私が、ajax を使いこなせるようになるまでの道のりについて書いています。

まず、最もオリジナルな ajax の使い方

コードをコピーします コードは次のとおりです:

個人的分析: この方法はかなり良いです、シンプルで柔軟ですが、冗長なコードが多く、後のメンテナンスに役立たないという欠点があります。

2. JS 側でカプセル化された Ajaxrequest

これは、JavaScript の使用に慣れている人にとっては良い選択です。これは、上記のメソッドをカプセル化し、統合呼び出しを行うだけです。かなりの量のコードがあるので、Google で ajaxrequest を検索してください。

//ajaxrequest.js にこのメソッドがあります。このメソッドはビュー側で呼び出すためのインターフェースです。

コードをコピーします コードは次のとおりです:

function ajax_action_fun(url,fun) {
var ajax=new AJAXRequest;
ajax.get(
url,
function(obj){alert(obj.responseText);fun()}
);
}

//このインターフェースを HTML で呼び出します
get_shop_son_list //コールバック後に実行されるメソッドの名前です

ajax_action_fun("../ajax/shop_ajax.php?type=1",get_shop_list);

function get_shop_list(resValue){
//必要な操作は次のとおりです
}

個人的な分析: 最初のメソッドの欠点を克服するには、インターフェイスを均一に呼び出してコールバック関数を設定します。欠点がある場合は、ajaxrequest 自体にあるのではなく、JavaScript にあります。 を例に挙げてみましょう。

javascript: ajax_action_fun メソッドを呼び出したい場合は、HTML に何かを追加する必要があります

showshop

jquery: これを使用すると、js と html をできるだけ分離できます。これは、後のメンテナンスに非常に役立ち、たとえばサイト全体を html に変更する場合など、時間を大幅に節約できます。

$(".showshop").bind("click", {u​​rl: "../ajax/shop_ajax.php?type=1", function:get_shop_list}, ajax_action_fun);

こうすればonclick イベントを HTML に記述する必要はありません

3、jquery ajax
1)

コードをコピー コードは次のとおりです。

$.ajax({
type: "POST",
url: "test.php", //呼び出される php ファイル
data: "name=zhang" ,
success: function(msg){ //コールバック関数
alter( "データが保存されました: " msg) //これが操作です
}
});

2)
// test.php ファイルを呼び出し、パラメータを渡します。data は返されたデータです

コードをコピー コードは次のとおりです:

$.post("test.php", { name: "zhang"},
function(data){
alert("ロードされたデータ: " data);
});