ajax请求的常用的5个步骤如下:1.创建 XMLHTTPRequest对象;2.注册回调函数;3.设置和服务器端的连接信息;4.发送数据;5.接受响应数据
该参数规定 AJAX 请求的一个或多个名称/值对。
$.ajax({
type: "post", 【以POST或GET的方式请求。默认GET。PUT和DELETE也可以用,有的浏览器不支持】
url: url, 【请求的目的地址,须是一个字符串。】
contentType: "application/json", 【以哪种数据类型发送请求】
data: data, 【请求的数据】
dataType: "json", 【想从服务器得到的数据类型。html,json,jsonp,text】
async:false,【默认为true异步请求,设置为false时为同步请求】
beforeSend:function(){......}, 【传递异步请求之前的事件】
success:function(){......}, 【请求成功之后的回调】
error:function(){......}, 【请求失败之后的回调】
complete(function(){......}, 【不管请求成功还是错误,只要请求完成,可以执行的事件。】
});
$.ajax({})的第二种写法,总结为回调写法.done(),.fail()
$.ajax({
type: "post",
url: url,
contentType: "application/json",
data: ‘{ "requestData": { "SysId": 1, "SysType": "rzrq"}}‘,
dataType: "json",
}).done(function (data) {
console.log(JSON.parse(data));
eventManger.trigger("showMergeLiCategorySuccess", data);
}).fail(function (msg) {
console.log(JSON.parse(msg));
eventManger.trigger("requestFailure", msg);
});
<form id="formTest"> <select name="single"> <option>Single</option> <option>Single2</option> </select> <select name="multiple" multiple="multiple"> <option selected="selected">Multiple</option> <option>Multiple2</option> <option selected="selected">Multiple3</option> </select> <input type="checkbox" name="check" value="check1"/> check1 <input type="checkbox" name="check" value="check2" checked="checked"/> check2 <input type="radio" name="radio" value="radio1" checked="checked"/> radio1 <input type="radio" name="radio" value="radio2"/> radio2 </form>
$(function() {
$(‘#submit‘).click(function() {
$.ajax({
url: ‘你的提交url地址‘,
type: ‘post‘,
dataType:‘json‘
data: $("#formTest").serializeArray(),//serializeArray方法会自动将表单转换为json对象
success: function(msg) {
}
});
});
});
原文:http://www.cnblogs.com/wuheng1991/p/6703112.html