当前位置： 维易PHP培训学院 > PHP学习 > 内容正文

PHP编程：php基于jquery的ajax技术传递json数据简单实例

作者：VEPHP   时间 2017-10-06

《PHP编程：php基于jquery的ajax技术传递json数据简单实例》要点：
本文介绍了PHP编程：php基于jquery的ajax技术传递json数据简单实例，希望对您有用。如果有疑问，可以联系我们。

本文实例讲述了php基于jquery的ajax技术传递json数据简单实现办法.分享给大家供大家参考,具体如下：PHP实战

html页面：PHP实战

  1. <html>
  2. <head>
  3. <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  4. <script type="text/javascript" src="jquery-1.8.2.min.js"></script>
  5. <script type="text/javascript">
  6.  $(function(){
  7.    $("#send").click(function(){
  8.     var cont = $("input").serialize();
  9.     $.ajax({
  10.       url:'ab.php',
  11.       type:'post',
  12.       dataType:'json',
  13.       data:cont,
  14.       success:function(data){
  15.        var str = data.username + data.age + data.job;
  16.        $("#result").html(str);
  17.     }
  18.   });
  19.  });
  20.  });
  21. </script>
  22. </head>
  23. <body>
  24. <div id="result">一会看显示结果</div>
  25. <form id="my" action="" method="post">
  26.  <p><span>姓名：</span> <input type="text" name="username" /></p>
  27.  <p><span>年龄：</span><input type="text" name="age" /></p>
  28.  <p><span>工作：</span><input type="text" name="job" /></p>
  29. </form>
  30. <button id="send">提交</button>
  31. </body>
  32. </html>

php页面：PHP实战

  1. <?php
  2. header("Content-type:text/html;charset=utf-8");
  3.     $username = $_POST['username'];
  4.     $age = $_POST['age'];
  5.     $job = $_POST['job'];
  6.     $json_arr = array("username"=>$username,"age"=>$age,"job"=>$job);
  7.     $json_obj = json_encode($json_arr);
  8.     echo $json_obj;
  9. ?>

使用post方式PHP实战

  1. <script type="text/javascript">
  2.  $(function(){
  3.  $("#send").click(function(){
  4.    var cont = {username:$("input")[0].value,age:$("input")[1].value,job:$("input")[2].value};
  5.    var url = 'ab.php';
  6.    $.post(url,cont,function(data){
  7.     var res = eval("(" + data + ")");//转为Object对象
  8.    var str = res.username + res.age + res.job;
  9.   $("#result").html(str);
  10.   });
  11.  });
  12.  });
  13. </script>

更多关于PHP相关内容感兴趣的读者可查看本站专题：《PHP+ajax技巧与应用小结》、《PHP运算与运算符用法总结》、《PHP网络编程技巧总结》、《PHP基本语法入门教程》、《php操作office文档技巧总结(包括word,excel,access,ppt)》、《php日期与时间用法总结》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》PHP实战

希望本文所述对大家PHP程序设计有所赞助.PHP实战

欢迎参与《PHP编程：php基于jquery的ajax技术传递json数据简单实例》讨论，分享您的想法，维易PHP学院为您提供专业教程。

转载请注明本页网址：
http://www.vephp.com/jiaocheng/6882.html


    标签：  




同类教程排行


特辑教程