js jquery ajax的幾種用法總結(及優缺點介紹)_javascript技巧

這篇文章，是我不知道什麼是ajax到熟練使用ajax的一個歷程。

一，最原始的方式來運用ajax

複製程式碼 程式碼

個人分析：這種方法挺好的，簡單靈活，但是有一點不好，就是冗餘程式碼比較多，不利於後期維護。

二，js端封裝的ajaxrequest

這個東西，對於習慣了用javascript的人來說，是一個不錯的選擇，它是裝上面所說的那種方法簡單的封裝了一下，做了統一的調用。感覺不錯，程式碼挺多的就不貼出來了，大家可以到google搜尋ajaxrequest。

//ajaxrequest.js裡面有一個這個方法這個方法是供view端調用的接口，接口可以有多個，根據情況自己加

複製代碼 程式碼如下:

function ajax_action_fun(url,fun) {

var ajax=new AJAXRequest;
ajax.get(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裡加個東西 顯示店

jquery:用它可以盡量把js和html分開，這對於後期維護是很幫助的，會節省很多時間，例如，全站換html；

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

這樣就可以不用在html裡面寫onclick事件了

三，jquery的ajax

1)

複製代碼 代碼如下:$.ajax({

   type: "POST",

   url: "test.php",           //所呼叫的php
   success: function(msg){            //回呼函數
     alert( "Data Saved: " msg ); 我🎜> 2）
//呼叫test.php文件，傳個參數，data是傳回的資料




複製程式碼

程式碼如下:

$.post("test.php", { name: "zhang"},   function(data){     alert("Data Loaded: " data);   });