jQuery学习笔记之ajax
2016-07-13 21:01
591 查看
先看一个例子:
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"。
相关文章推荐
- jQuery学习笔记之设置取值
- JQuery中ajax错误处理之页面跳转
- jQuery技巧
- jquery插件讲解:轮播(SlidesJs)+验证(Validation)
- jQuery CSS 操作 - css() 方法
- jQuery - 获取并设置 CSS 类
- jQuery.form.js使用
- jquery easyui datagrid使用参考
- 用JQuery给图片添加鼠标移入移出事件
- jQuery学习笔记之事件
- 【实践】jQuery实现三联联动
- jQuery EasyUI数据表格之一
- jQuery EasyUI数据表格之一
- jQuery EasyUI数据表格之一
- jquery遍历table元素
- jQuery中html()/text()/text()中的区别
- 一些前端开发实用的函数—1(jquery)
- 【分页】Jquery分页排序插件 jPList
- 说说JSON和JSONP,也许你会豁然开朗,含jQuery用例
- jquery产品树形介绍页特效