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

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

 

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

语法

$(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.phpernote.com/test.php）：

查看代码打印01 <?php 

02 $arr = array( 

03     0=>array( 

04         'name'=>'qianyuqianxun', 

05         'nick'=>'千与千寻', 

06         'contact'=>array( 

07             'website'=>'http://www.phpernote.com'

08         ) 

09     ), 

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.phpernote.com/test.php',{id:0,field:'name'},function(data){ 

2     alert('name:'+data);//结果即为：qianyuqianxun 

3 });
或者：

查看代码打印1 $.get('http://www.phpernote.com/test.php',{id:0,field:'contact'},function(data){ 

2     var dataObj=eval("("+data+")"); 

3     alert(dataObj.website);//结果即为：<A href="http://www.phpernote.com" jQuery1371549436062="39">http://www.phpernote.com 

4 </A>});

 

源地址：http://laf.freel.cn/js/js-jquery-http-get-ajax.html