js中post方法的那些事

客户端代码：

 <button class="btn btn-dangerous" id="qa">使用post方式请求数据</button>
<div id="qw" ></div>
<script type="text/javascript">
$(document).ready(function(){
   $("#qa").click(function(){
    //注意data的参数中的值需要用引号括起来，否则会被认为是变量

     var nm=$("input[name='myname']").val();

      var ag=$("input[age='myage']").val();

      var se=$("input[sex='mysex']").val();

      var na=$("input[nation='mynation']").val();

//也可以通过formdata来获取表单信息

     $.post('a.php',{name:nm,age:ag,sex:se,nation:na},function(data,status){
      //服务器端返回的是json数据,客户端接收的数据是字符型的，需要将其转化为object类型,这样方便信息的提取
       eval("var cat="+data);  
    document.getElementById('qw').innerHTML="姓名:"+cat.name+"&nbsp;&nbsp;年纪:"+cat.age+"&nbsp;性别:"+cat.sex+"&nbsp;国籍:"+cat.nation;
     });
   });
});
</script>

服务端代码：

<?php
echo json_encode($_POST);
exit;
?>