1.function Ajax()
2.{
3. var len=arguments.length;
4. var type,url,postdata,fn;
5. if(len<2)
6. {
7. alert('沒有2個(gè)一下參數(shù)的 重載,至少必須指定請(qǐng)求類型(type)和url地址!');
8. return;
9. }
10. type=arguments[0];
11. url=arguments[1];
12. if(len>2)
13. {
14. var args=arguments[2];
15. if(typeof(args)=="string")
16. {
17. postdata=args;
18. }
19. }
20. var xhr = window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
21. xhr.open(type,url,true);
22. xhr.setRequestHeader ("Content-Type","application/x-www-form-urlencoded");
23. fn = arguments[len-1];
24. xhr.onreadystatechange = function (){
25. if (xhr.readyState==4)
26. {
27. if(xhr.status==200)
28. {
29. if(typeof(fn)=="function")
30. fn (xhr.responseText);
31. }
32. else
33. {
34. alert("你所請(qǐng)求的頁面有異常");
35. }
36. }
37. };
38. xhr.send(postdata);
39. }
40.
41. function Test()
42. {
43. Ajax("get","/WebRoot/servlet/TestAjax");
44. Ajax ("get","/WebRoot/servlet/TestAjax",function (date){
45. alert ("Get Date:\n"+date);
46. });
47. Ajax ("post","/WebRoot/servlet/TestAjax");
48. Ajax ("post","/WebRoot/servlet/TestAjax",function (date){
49. alert("Post Date:\n"+date);
50. });
51. Ajax ("post","/WebRoot/servlet/TestAjax","username=jonllen&pwd=12345 6",function (date){
52. alert("Post Date:\n"+date);
53. });
54. }

成都創(chuàng)新互聯(lián)是一家朝氣蓬勃的網(wǎng)站建設(shè)公司。公司專注于為企業(yè)提供信息化建設(shè)解決方案。從事網(wǎng)站開發(fā)，網(wǎng)站制作，網(wǎng)站設(shè)計(jì)，網(wǎng)站模板，微信公眾號(hào)開發(fā)，軟件開發(fā)，微信小程序，10多年建站對(duì)會(huì)所設(shè)計(jì)等多個(gè)行業(yè)，擁有多年設(shè)計(jì)經(jīng)驗(yàn)。

就只有一個(gè)函數(shù)Ajax，調(diào)用的例子是Test()，由于JavaScript的函數(shù)申明不需要固定參數(shù)，能實(shí)現(xiàn)動(dòng) 態(tài)獲取傳遞，利用這點(diǎn)我們能實(shí)現(xiàn)類似與C#或Java里面的重載，并且我們能根據(jù)傳入?yún)?shù)的類型和數(shù)量進(jìn) 行特別的判斷，而執(zhí)行不同的操作。上述Ajax函數(shù)里就用到判斷當(dāng)最后一個(gè)傳入的參數(shù)是函數(shù)類型的時(shí)候 我們就認(rèn)為是這個(gè)是Ajax回調(diào)函數(shù)，如果是字符串類型的話就認(rèn)為是postData，這樣我們就能實(shí)現(xiàn)動(dòng)態(tài)傳 遞可選參數(shù)，也就是說你可以加上function(data){alert(date);}就會(huì)自動(dòng)在Ajax加載返回的回調(diào)該函數(shù) ，如果沒有就不調(diào)用。

在JQuery里面，我們大多會(huì)用到對(duì)象的prototype屬性，并也可實(shí)現(xiàn)可選參數(shù)默認(rèn)構(gòu)造函數(shù)來實(shí)例對(duì)象 ，形如：

var　Ajax　=　{
url　:　location.href,
type　:　"post",
send　:　function　()
{
alert　(this.type);
}
};
Ajax.send();
alert(　Ajax.url　);
var　Ajax　=　{
url　:　location.href,
type　:　"post",
send　:　function　()
{
alert　(this.type);
}
};
Ajax.send();
alert(　Ajax.url　);

于是，JQuery便能這樣調(diào)用Ajax：

Java代碼

$.ajax({
type:　"GET",
url:　"test.js",
dataType:　"script"
});
$.ajax({
type:　"GET",
url:　"test.js",
dataType:　"script"
});

不過我對(duì)整個(gè)JQuery框架的源碼還有一些疑問，當(dāng)我想自己來實(shí)現(xiàn)像JQuery這樣來調(diào)用的Ajax請(qǐng)求函 數(shù)的時(shí)候遇到了一些問題，我想在對(duì)象構(gòu)造函數(shù)里面再加上一層構(gòu)造函數(shù)缺省值，卻獲得不了構(gòu)造函數(shù)參 數(shù)的值，調(diào)用不報(bào)什么錯(cuò)誤，就是獲取到的值都是undefinde，可能是我還未了解JavaScrit里面一些更深 奧的東西吧。。。^_^

上面我寫的Ajax函數(shù)也能動(dòng)態(tài)判斷指定參數(shù)的功能，實(shí)現(xiàn)很簡單就是根據(jù)傳入的arguments數(shù)量和類型 來判斷的，所以我們?cè)谡{(diào)用的時(shí)候能像在Test里面有多種參數(shù)調(diào)用的方式，方便實(shí)用。當(dāng)我們不需要用到 整個(gè)JQuery框架或只要用Ajax的時(shí)候就嵌入這一段函數(shù)就有了，更重要的是自己寫的不會(huì)造成跟其他的產(chǎn) 生沖突。

以上我寫的Ajax的函數(shù)在IE6、FF2.0、Chrome內(nèi)測(cè)試都正常，請(qǐng)求的服務(wù)器端是Servlet，都能正常的 返回結(jié)果。注意：當(dāng)post過去有中文的時(shí)候postData數(shù)據(jù)最好先單個(gè)針對(duì)中文進(jìn)行encodeURI(postData) URL編碼，Ajax請(qǐng)求post的時(shí)候都是以UTF-8編碼格式發(fā)送的，確保服務(wù)器端和客戶端編碼一致，這樣就不 會(huì)出現(xiàn)中文亂碼問題。

當(dāng)前文章：一個(gè)比較方便通用的自定義Ajax函數(shù)
標(biāo)題路徑：http://chinadenli.net/article24/ppeice.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、網(wǎng)站收錄、定制網(wǎng)站、網(wǎng)站策劃、搜索引擎優(yōu)化、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)