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://pwwzsj.com/article/gpjdcp.html