jquery利用ajax简单的应用实例

在这里跟大家分享一下最近在项目中利用jquery中ajax来实现无刷新获取传递数据实例：下面是在项目利用ajax来返回实例：
 

JavaScript代码
  1. <script language="javascript" type="text/javascript">   
  2.  function pushResult(s, sceneValue)   
  3.         {      
  4.        
  5.              
  6.             /**  
  7.              * ajax发送后台请求.  
  8.              */  
  9.             $.ajax({   
  10.                 type: 'POST',   
  11.                 url: xxx.com/ajax.php,   
  12.                 data: 's=' + s + '&ssceneValue=' + sceneValue,   
  13.                 success: function(response){   
  14.                     if ('1' == response) {   
  15.                         //发送请求成功.   
  16.                         //alert({'status':'1','message':'.....'});   
  17.                     } else {   
  18.                         //发送请求失败.   
  19.                         //return {'status':'0','message':'.....'};   
  20.                     }   
  21.                 }   
  22.             });    
  23.         }   
  24.  </script>  

原理是页面会触发前面的pushResult函数，并把s,ssceneValue对应的值传到xxx.com/ajax.php页面
type: (默认: "GET") 请求方式 ("POST" 或 "GET")， 默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。
url:(默认: 当前页地址) 发送请求的地址。
相当于通过表单(post/get)方式把值传到xxx.com/ajax.php的页面，再得到返回值
response为返回值，ajax通过传递s,ssceneValue的值，再经过一系列的处理，返回值。
例如：我是在ajax.php页面代码：
 

PHP代码
  1. <?php   
  2. $name = $_POST["s"];   
  3. if($name)exit(1);   
  4. ?>  

返回数据1，然后执行下面代码：
 

PHP代码
  1. if ('1' == response) {   
  2.     //发送请求成功.   
  3.     //alert({'status':'1','message':'.....'});   
  4. } else {   
  5.     //发送请求失败.   
  6.     //return {'status':'0','message':'.....'};   
  7. }  

够简单吧！


文章如转载，请注明：转载自：第九街-PHP[http://www.9streets.cn/]
本文链接地址：
发布者：9streets于 2011-01-25 发表 | 我要评论(1) | 阅读次数(1650)

转播到腾讯微博


首页 ｜ 第九街博客由来 ｜ 关于博主 ｜ 联系博主 ｜ 免责条款 ｜ 隐私保护 ｜ 九街项目流程 | 网站地图 | 申请友情链接