当前位置:首页 > PHP教程 > php应用 > 列表

PHP+JQUERY操作JSON实例

发布:smiling 来源: PHP粉丝网  添加日期:2018-08-29 17:40:31 浏览: 评论:0 

json.html 代码:

  1. <html> 
  2. <head> 
  3. <meta http-equiv="Content-Type"content="text/html;charset=utf-8"
  4. <title>PHP Json传输数据</title> 
  5. </head> 
  6. <script type="text/javascript"src="js/jquery.js"></script> 
  7. <script type="text/javascript"
  8. $(function(){ 
  9. $("#submit").click(function(){ 
  10. vartext = $("input").serialize(); 
  11. $.ajax({ 
  12. 'type':"POST"
  13. 'url':'json_encode.php'
  14. 'dataType':'json'
  15. 'data':text, 
  16. success:insertData 
  17. }); 
  18. }); 
  19. }); 
  20. functioninsertData(data){ 
  21. varstr ="姓名="+data.name+"<br/>性别="+data.sex+"<br/>年龄="+data.age; 
  22. $("#view").html(str); 
  23. </script> 
  24. <body> 
  25. 姓名:<input name="name"id="name"type="text"value=""><br/> 
  26. 性别:<input name="sex"id="sex"type="text"value=""><br/> 
  27. 年龄:<input name="age"id="age"type="text"value=""
  28. <input type="submit"name="submit"id="submit"value="提交"
  29. <div style="font-size:14px;"id="view"
  30. </div> 
  31. </body> 
  32. </html> 

json_encode.php 代码:

  1. <?php 
  2. header("Content-type:text/html;charset=utf8"); 
  3. include("Json.php"); 
  4. $name=$_POST['name']; 
  5. $sex=$_POST['sex']; 
  6. $age=$_POST['age']; 
  7. $json_arg=array('name'=>$name,'sex'=>$sex,'age'=>$age); 
  8. $json=newJSON; 
  9. $json_result=$json->encode($json_arg); 
  10. echo$json_result
  11. ?>

Tags: PHP+JQUERY JSON实例

分享到: