當前位置:首頁 > 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實例

分享到:

相關文章

广西快3最大遗漏值统计表