首页 > 代码库 > Ajax最详细的参数解析和场景应用
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);});
4.3、其他参数如下:
<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="http://www.mamicode.com/check1"/> check1
<input type="checkbox" name="check" value="http://www.mamicode.com/check2" checked="checked"/> check2
<input type="radio" name="radio" value="http://www.mamicode.com/radio1" checked="checked"/> radio1
<input type="radio" name="radio" value="http://www.mamicode.com/radio2"/> radio2
</form>
$(function() { $(‘#submit‘).click(function() { $.ajax({ url: ‘你的提交url地址‘, type: ‘post‘, dataType:‘json‘ data: $("#formTest").serializeArray(),//serializeArray方法会自动将表单转换为json对象 success: function(msg) { } }); });});
<form> ... <input type="submit" id="submit" value=http://www.mamicode.com/"提交"></form>
$(function () { $(‘#submit‘).click(function () { $.ajax({ url: ‘‘, method: ‘post‘, data: {}, success: function (msg) { } }); // 别忘记了这句 return false; });});
Ajax最详细的参数解析和场景应用