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

前端APP 投稿 10900 0 评论

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 函数,等价于:


$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
};

使用实例:

返回数据的php文件(https://www.feishuai.vip/test.php):


<?php
$arr = array(
	0=>array(
		'name'=>'qianyuqianxun',
		'nick'=>'千与千寻',
		'contact'=>array(
			'website'=>'https://www.feishuai.vip'
		
	,
	1=>array(
		'name'=>'qisha',
		'nick'=>'七煞',
		'email'=>'yhm@163.com',
		'contact'=>array(
			'website'=>'http://www.baidu.com'
		
	
;
print_r(json_encode($arr[$_GET['id']][$_GET['field']];
exit;

客户端获取代码如下:


$.get('https://www.feishuai.vip/test.php',{id:0,field:'name'},function(data{
	alert('name:'+data;//结果即为:qianyuqianxun
};

或者:


$.get('https://www.feishuai.vip/test.php',{id:0,field:'contact'},function(data{
	var dataObj=eval("("+data+"";
	alert(dataObj.website;//结果即为:https://www.feishuai.vip
};

编程笔记 » jquery get ($.get) 事件用法与分析

赞同 (51) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽