今天想利用JQuery框架ajax寫一個工具方法，引數分別為ajax請求傳送的地址和引數。可以供應用程式的多個模組直接呼叫，當然了，需要有一個json格式的返回值。程式碼如下：

function getDate(uri,param){
	var list;
	$.ajax({
		type:"post",
		url:'listAllToJson_planTask',
		data:param,
		dataType:json,
		error:function(){
			alert("獲取資料失敗");
		},
		success:function(data){
			list = eval('('+data+')');	//1
		}
	});
	if(list!=null){
		alert(list.data);			//2
		return list.data;
	}
}
 

var listDate = getDate("listAllToJson_planTask","");
alert("得到值"+listDate);//3

在IE執行後每次都發現執行次序是③→②→①，也就是說，在ajax得到值之前，方法已經返回一個空值（undefined）給呼叫的方法。在firefox執行也是如此。但使用firebug在①處斷點除錯等待幾秒後向下執行，發現結果就是正常的執行順序，也就是①→②→③。由此可以推斷ajax執行的方式是非同步執行，也就是說在ajax請求資料的同時，ajax程式碼外的程式碼依然繼續執行。這是一個很好的機制，可以防止請求時間過長帶來的螢幕死鎖等問題。但在此例中需要利用到ajax的返回值的時候就不能得到正確的結果了。

上網搜了一下解決方法，大致有兩種。

第一種：取消非同步機制。

①加入async:false引數（在預設情況下async引數的值為true）

function getDate(uri,param){
	var list;
	$.ajax({
		type:"post",
		url:'listAllToJson_planTask',
		data:param,
		dataType:json,
		async:false,
		error:function(){
			alert("獲取資料失敗");
		},
		success:function(data){
			list = eval('('+data+')');	
		}
	});
	if(list!=null){
		alert(list.data);			
		return list.data;
	}
}
 

這樣就可以正常返回值了。

②設定ajax的全域性屬性

$.ajaxSetup({ 
  async: false 
  }); 

第二種：在此方法的引數中加入一個回撥函式

function getDate(uri,param,function1){
	var list;
	$.ajax({
		type:"post",
		url:'listAllToJson_planTask',
		error:function(){
			alert("獲取資料失敗");
		},
//		async:false,
		success:function(data){
			list = eval('('+data+')');
			function1(list);
		}
	});
//	if(list!=null){
//		alert(list.data);
//		return list.data;
//	}
}

var listDate = getDate("listAllToJson_planTask","",function(list){
			alert("回撥函式"+list);
		});

雖然在ajax程式碼外部執行時非同步方式，但是在ajax的success回撥函式內部，執行的方式仍然是按順序執行。此方式沒有返回值，而是在利用ajax得到資料以後去執行傳入的回撥函式從而達到想要的結果。當然了這裡的listDate仍然是undefined，但這已經不是我們需要的了。

在大多不嚴格要求順序的情況下建議首選第二種方案，這樣程式碼緊湊一些，而且沒有違反ajax非同步提交的初衷。

本人菜鳥，如果有遺漏的地方請留言告知，謝謝。