Ajax如何提交表单并接收json

这篇文章主要为大家展示了“Ajax如何提交表单并接收json”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“Ajax如何提交表单并接收json”这篇文章吧。

10年积累的成都做网站、网站设计经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先做网站后付款的网站建设流程，更有鄂托克免费网站建设让你可以放心的选择与我们合作。

需求：

实现点击按钮后，数据以表单形式提交至服务器，并接收来自服务器的返回数据。过程中页面不刷新。

html代码

 
 
 
 
 
 
  
   
xingming:
   
nianling:
  
  
   ajax提交
  
 

js代码

function mysubmmit(){
 $.ajax({
  type: "POST",
  url: "testajaxend.php",
  data: $('#form1').serialize(),
  async: false,
  success: function(databack){
   //console.log("chenggong");
   console.log(databack);
  },
  error: function(request){
   console.log("shibaile");
  }
 });
}

后端php代码

$name, "age"=>$age);
  $myjson = json_encode($myarray);
  echo $myjson;
?>

以上是“Ajax如何提交表单并接收json”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

网页名称：Ajax如何提交表单并接收json
转载来于：http://cdxtjz.cn/article/gpjdcp.html