首页 > Web开发 > 详细

又一个ajax实例,结合jQuery

时间:2016-03-13 17:57:23      阅读:214      评论:0      收藏:0      [点我收藏+]

又一个ajax实例,配合jQuery

 
html
  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit"><!--360,以webkit内核进行渲染-->
  6. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"><!--以最新内核进行渲染。-->
  7. <meta http-equiv="Cache-Control" content="no-siteapp"/><!--百度禁止转码-->
  8. <title>moyu demo</title>
  9. <meta name="keywords" content="demo 测试 魔芋">
  10. <meta name="description" content="魔芋的测试示例">
  11. <meta name="author" content="魔芋,15000720652@163.com,http://www.cnblogs.com/moyuling/">
  12. <meta name="robots" content="index,follow"><!--定义网页搜索引擎索引方式-->
  13. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  14. <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
  15. <style>
  16. </style>
  17. </head>
  18. <body>
  19. <button>moyu</button>
  20. <p></p>
  21. <script>
  22. $("button").click(function(){
  23. $.post(‘http://localhost/moyu.php‘,{
  24. name:"nihao",
  25. city:"monkey"
  26. },function(data, status){
  27. $("p").html("Data: "+ data +"<br>"+"Status: "+ status);
  28. })
  29. });
  30. </script>
  31. </body>
  32. </html>
 
php
  1. <?php
  2. $name = isset($_POST[‘name‘])? htmlspecialchars($_POST[‘name‘]):‘‘;
  3. $city = isset($_POST[‘city‘])? htmlspecialchars($_POST[‘city‘]):‘‘;
  4. echo ‘Dear ‘. $name;
  5. echo " ";
  6. echo ‘Hope you live well in ‘. $city;
  7. ?>
 
魔芋:测试结果:
 
 
技术分享

 



 

又一个ajax实例,结合jQuery

原文:http://www.cnblogs.com/moyuling/p/5272503.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!