jquery get($.get)事件的使用方法与分析

定义和用法

get() 方法通过远程 HTTP GET 请求载入信息。这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。

语法

  1. $(selector).get(url,data,success(response,status,xhr),dataType) 

参数 描述

url 必需。规定将请求发送的哪个 URL。

data 可选。规定连同请求发送到服务器的数据。

success(response,status,xhr) 可选。规定当请求成功时运行的函数。

 额外的参数说明:

 response - 包含来自请求的结果数据

 status - 包含请求的状态

 xhr - 包含 XMLHttpRequest 对象

 

dataType 可选。规定预计的服务器响应的数据类型。默认情况下 jQuery 将智能判断。

可能的类型有:xml/html/text/script/json/jsonp

该函数是简写的 Ajax 函数,等价于:

  1. $.ajax({ 
  2.   url: url, 
  3.   data: data, 
  4.   success: success, 
  5.   dataType: dataType 
  6. }); 

使用实例:

返回数据的php文件(http://www.daimajiayuan.com/test.php):

  1. <?php 
  2. $arr = array
  3.     0=>array
  4.         'name'=>'qianyuqianxun'
  5.         'nick'=>'千与千寻'
  6.         'contact'=>array
  7.             'website'=>'http://www.daimajiayuan.com' 
  8.         ) 
  9.     ), 
  10.     1=>array
  11.         'name'=>'qisha'
  12.         'nick'=>'七煞'
  13.         'email'=>'yhm@163.com'
  14.         'contact'=>array
  15.             'website'=>'http://www.baidu.com' 
  16.         ) 
  17.     ) 
  18. ); 
  19. print_r(json_encode($arr[$_GET['id']][$_GET['field']])); 
  20. exit

客户端获取代码如下:

  1. $.get('http://www.daimajiayuan.com/test.php',{id:0,field:'name'},function(data){ 
  2.     alert('name:'+data);//结果即为:qianyuqianxun 
  3. }); 

或者:

  1. $.get('http://www.daimajiayuan.com/test.php',{id:0,field:'contact'},function(data){ 
  2.     var dataObj=eval("("+data+")"); 
  3.     alert(dataObj.website);//结果即为:http://www.daimajiayuan.com 
  4. }); 

转载请注明:代码家园 » jquery get($.get)事件的使用方法与分析

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)