• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Ajax提交表单并接收json实例代码

    需求:

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

    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或Easyui等框架时的Json-lib的处理方案
    下一篇:Ajax实现列表无限加载和二级下拉选项效果
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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