Ajax如何提交表单并接收json-创新互联

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

岳阳ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:028-86922220(备注:SSL证书合作)期待与您的合作!

需求:

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

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://hbruida.cn/article/csocch.html