jQuery学习笔记之ajax

最新推荐文章于 2023-12-28 09:38:28 发布

原创最新推荐文章于 2023-12-28 09:38:28 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

jQuery 专栏收录该内容

4 篇文章

订阅专栏

这篇博客主要探讨了jQuery中ajax的异步特性。默认情况下，ajax请求为异步，允许浏览器在请求处理期间执行其他操作。可以使用beforeSend回调函数在发送请求前进行XMLHttpRequest对象的自定义配置，并通过timeout参数设定请求超时时间，防止长时间无响应。

先看一个例子：

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"。