1. 程式人生 > >jQuery學習筆記之ajax

jQuery學習筆記之ajax

先看一個例子:

function chageDistrict(obj){
	var districtArray = obj.id.split('_');
	var homeOrCompany = districtArray[1];
	var province = $("#main_" + homeOrCompany + "_province").val().split(',')[0];
	var citys = $("#main_" + homeOrCompany + "_city").val().split(',')[0];
	var district = $("#main_" + homeOrCompany + "_district").val().split(',')[0];
	if(province===""||citys===""||district===""){
		return;
	}
	var data ={
		pCode:province,
		cCode:citys,
		dCode:district
	};
	var id= "#main_" + homeOrCompany + "_zip_code";
	$.ajax({
        url:"/applyadmin/admin/branchChannel/applyCard/getPostCode.do",
        dataType: 'json',
        data : data,
        success: function(data) {
        	$(id).val(data.postCode);
        }
    });
}
在ajax裡還有很多可選的屬性:

asyc:(預設: true) 預設設定下,所有請求均為非同步請求。如果需要傳送同步請求,請將此選項設定為 false。注意,同步請求將鎖住瀏覽器,使用者其它操作必須等待請求完成才可以執行。

beforeSend:function(){}

傳送請求前可修改 XMLHttpRequest 物件的函式

timeout Number設定請求超時時間(毫秒)。此設定將覆蓋全域性設定。

type String(預設: "GET") 請求方式 ("POST" 或 "GET"), 預設為 "GET"。