使用jQuery中Ajax的封装函数——$.post()

使用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）该函数不会有任何的提示——没有相关的回调函数！