www.adminn.cn
站长正能量分享网!

PHP+JQUERY操作JSON实例

AD:阿里云服务器企业会员更优惠 腾讯云香港,韩国免备案服务器1.8折优惠

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. <p style="font-size:14px;"id="view"
  30. </p> 
  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. ?>

模板优惠价: (点击购买)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《PHP+JQUERY操作JSON实例》
文章链接:https://www.adminn.cn/news/7526.html
本站资源模板仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。2021.5月起,网站调整,暂不再分享免费模板。谢谢理解

Adminn.Cn 站长分享圈

帝国CMS精品模板腾讯云优惠券,代金券

2次开发,学习研究使用!扫码支付后联系QQ677123发货!

支付宝扫一扫打赏