主页 > 知识库 > Ajax提交表单并接收json实例代码

Ajax提交表单并接收json实例代码

热门标签:银行业务 服务器配置 阿里云 科大讯飞语音识别系统 Linux服务器 Mysql连接数设置 团购网站 电子围栏

需求:

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

html代码

html xmlns="http://www.w3.org/1999/xhtml">
 meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js">/script>
 script src="./testajaxjs.js">/script>
 head>
 /head>
 body>
  form id="form1">
   p>xingming:input type="text" name="xingming"/>/p>
   p>nianling:input type="text" name="nianling"/>/p>
  /form>
  button type="button" id="mybt" onclick="mysubmmit()">
   ajax提交
  /button>
 /body>
/html>

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代码

?php
  $name = $_POST['xingming'];
  $age = $_POST['nianling'];
  $myarray = array("name"=>$name, "age"=>$age);
  $myjson = json_encode($myarray);
  echo $myjson;
?>

以上所述是小编给大家介绍的Ajax提交表单并接收json实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:
  • 原生JS封装ajax 传json,str,excel文件上传提交表单(推荐)
  • 使用Ajax、json实现京东购物车结算界面的数据交互实例
  • AJAX跨域请求JSONP获取JSON数据的实例代码
  • PHP封装返回Ajax字符串和JSON数组的方法
  • ajax响应json字符串和json数组的实例(详解)

标签:萍乡 枣庄 蚌埠 大理 衢州 江苏 衡水 广元

巨人网络通讯声明:本文标题《Ajax提交表单并接收json实例代码》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266