使用jQuery中Ajax的封装函数——$.post()
使用方法:
$.post(URL, 请求数据, 响应成功后的回调函数)
含义
向指定的URL发起异步的POST请求,把请求数据放置在请求主体——无需手写3.5步(
xhr.setResquestHeader('Content-Type', 'application/x-www-form-urlencoded')
);服务器给出了成功的响应会自动调用第三个参数 —— doResponse。* 提示:*
$.post 会根据服务器端返回的响应消息内容类型自动决定如何处理,如applicatoin/json,会自动调用JSON.parse(xhr.responseText)进行解析!
案例演示:实现异步的用户注册
<h3>注册新用户</h3>
用户名:<input id="uname"><br>
密码名:<input id="upwd"><br>
<input type="button" value="提交注册信息" id="btSubmit">
- 用户点击提交注册,异步提交给服务器
$('#btSubmit').click(function(){
var n = uname.value;
var p = upwd.value;
//异步提交给服务器
$.post('user_add.php',{uname:n,upwd:p}, function(txt){
//console.log(arguments);
if(txt==='succ'){
alert('注册成功!');
}else {
alert('注册失败');
}
});
});
缺点
只能处理成功的响应消息!如果服务器端返回了错误的响应消息(如404)该函数不会有任何的提示——没有相关的回调函数!