1.function Ajax()
2.{
3. var len=arguments.length;
4. var type,url,postdata,fn;
5. if(len<2)
6. {
7. alert('沒有2個一下參數(shù)的 重載,至少必須指定請求類型(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("你所請求的頁面有異常");
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è)計，網(wǎng)站模板，微信公眾號開發(fā)，軟件開發(fā)，微信小程序，10多年建站對會所設(shè)計等多個行業(yè)，擁有多年設(shè)計經(jīng)驗。

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

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

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"
});

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

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

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

當前文章：一個比較方便通用的自定義Ajax函數(shù)
標題路徑：http://jinyejixie.com/article24/ppeice.html

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

廣告

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