欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js jquery ajax的幾種用法總結(jié)(及優(yōu)缺點(diǎn)介紹)

 更新時(shí)間：2014年01月28日 10:14:40   作者：  
本篇文章只要介紹了js jquery ajax的幾種用法總結(jié)(及優(yōu)缺點(diǎn)介紹)，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助

這篇文章，是我不知道什么是ajax到熟練運(yùn)用ajax的一個(gè)歷程。

一，最原始的方式來(lái)運(yùn)用ajax

復(fù)制代碼 代碼如下:

<SCRIPT language=javascript>
var xmlHttp;

function createXMLHttpRequest() {

if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}

//定義了一個(gè)ajax的入口函數(shù)，供用view層用戶調(diào)用

function show_type(type_id) {
// alert(id);
createXMLHttpRequest();
var url = "../ajax/shop_type_status.php?id="+type_id+"&time="+Math.random();
xmlHttp.open("GET", url, true);

xmlHttp.onreadystatechange = function(){ show_back();}
xmlHttp.send(null);
}

//回調(diào)函數(shù)，將從調(diào)用的php文件中取得的數(shù)據(jù)，反還給用戶

function show_back() {

if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
//document.getElementById('cat_id').value = id;
document.getElementById('type_status').innerHTML = xmlHttp.responseText;
}
}
}
</SCRIPT>


個(gè)人分析：這種方法挺好的，簡(jiǎn)單靈活，但是有一點(diǎn)不好，就是冗余代碼比較多，不利于后期維護(hù)。

二，js端封裝的ajaxrequest

這個(gè)東西，對(duì)于習(xí)慣了用javascript的人來(lái)說(shuō)，是一個(gè)不錯(cuò)的選擇，它是裝上面所說(shuō)的那種方法簡(jiǎn)單的封裝了一下，做了統(tǒng)一的調(diào)用。感覺(jué)不錯(cuò)，代碼挺多的就不貼出來(lái)了，大家可以到google搜a(bǔ)jaxrequest。

//ajaxrequest.js里面有一個(gè)這個(gè)方法這個(gè)方法是供view端調(diào)用的接口，接口可以有多個(gè)，根據(jù)情況自己加

復(fù)制代碼 代碼如下:

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

//html里面調(diào)用這個(gè)接口
get_shop_son_list   //是回調(diào)后執(zhí)行的方法名

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

function get_shop_list(resValue){
//這里就是你要的操作
}


個(gè)人分析：它彌補(bǔ)了第一種方法的不足，統(tǒng)一調(diào)用接口，可以設(shè)置回調(diào)函數(shù)，缺點(diǎn)如果有的話，不在ajaxrequest本身而在于javascript，舉個(gè)例子吧

javascript：如果我想調(diào)用ajax_action_fun這個(gè)方法我要在html里加個(gè)東西

<a class="showshop" href='javascript:' onclick=ajax_action_fun("../ajax/shop_ajax.php?type=1",get_shop_list);>顯示店</a>

jquery:用它可以盡量把js和html分開(kāi)，這對(duì)于后期維護(hù)是很幫助的，會(huì)節(jié)省很多時(shí)間，例如，全站換html；

$(".showshop").bind("click", {url: "../ajax/shop_ajax.php?type=1",function:get_shop_list}, ajax_action_fun);
這樣就可以不用在html里面寫(xiě)onclick事件了

三，jquery的ajax
1)

復(fù)制代碼 代碼如下:

$.ajax({
   type: "POST",
   url: "test.php",           //調(diào)用的php文件
   data: "name=zhang",
   success: function(msg){ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;//回調(diào)函數(shù)
     alert( "Data Saved: " + msg ); &nbsp; &nbsp; &nbsp; //這里是操作
   }
 });

2）
//調(diào)用test.php文件，傳個(gè)參數(shù)，data是返回的數(shù)據(jù)
復(fù)制代碼 代碼如下:

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

相關(guān)文章

最新評(píng)論