Js基礎學習之-- 利用GET方法實現ajax請求

Js基礎學習之-- 利用GET方法實現ajax請求

  1.創建XMLHttpRequset對象,兼容IE6

	function createXHR(){
		if(window.XMLHttpRequest){
			return new XMLHttpRequest();
		}
		else{
			return new ActiveXObject("Microsoft.XMLHTTP");
		}
	}

測試實例:var xhr = createXHR();

創建get方法實現ajax請求
回調函數,也成爲高階函數,將函數的執行上下文作爲參數傳遞給另一個函數
並在該函數調用傳遞過來的函數,接受此函數的函數叫做高階函數
第一個參數:傳遞一個函數
第二個參數:路徑加上傳遞的參數的字符串參數

function getAJAX(fn,url){
		var xhr = createXHR();
		xhr.open("GET",url,true);
		xhr.onreadystatechange =  function(){
			if(xhr.readyState == 4){//異步請求時的狀態碼4代表數據接收完畢
				if(xhr.status == 200){//HTTP的狀態 成功
					var data = eval("(" + xhr.responseText + ")");
					fn(data);//實現函數的回調,將結果返回
				}
			}
		}
		xhr.send(null);
	}

測試實例:
var url = "../../API/article/add.aspx";
var str = "?atitle=" + t1 + "&atype="+ t2 +"&aclickcount=" + t3 +"&acontent"+ t4 +"";
getAJAX(function(data){
       根據後臺的反饋進行判斷
if(data.result =="ok"){
獲取成功進行操作的代碼
}
},url+str);