jQuery.get系列方法
前言
get系列方法对应HTTP,可以通过GET 请求载入信息。
一、系列方法
1.jQuery.get(url, [data], [callback], [type])
url,[data],[callback],[type]-----String,Map,Function,String
url:待载入页面的URL地址
data:待发送 Key/value 参数。
callback:载入成功时回调函数。
type:返回内容格式,xml, html, script, json, text, _default。
2 .jQuery.getJSON(url, [data], [callback])
通过 HTTP GET 请求载入 JSON 数据。
url,[data],[callback]----String,Map,Function
url:发送请求地址。
data:待发送 Key/value 参数。
callback:载入成功时回调函数。
3 .jQuery.getScript(url, [callback])
通过 HTTP GET 请求载入并执行一个 JavaScript 文件。
url,[callback]----String,Function
url:待载入 JS 文件地址。
callback:成功载入后回调函数。
二、案例讲解
1.请求 test.php 网页,传送2个参数,忽略返回值。
$.get("test.php", { name: "John", time: "2pm" } );
2 .显示 test.cgi 返回值(HTML 或 XML,取决于返回值),添加一组请求参数。
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
3 .从 test.js 载入 JSON 数据并显示 JSON 数据中一个 name 字段数据。
$.getJSON("test.js", function(json){
alert("JSON Data: " + json.users[3].name);
});
4 .从 test.js 载入 JSON 数据,附加参数,显示 JSON 数据中一个 name 字段数据。
$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
alert("JSON Data: " + json.users[3].name);
});
5 .加载并执行 test.js ,成功后显示信息。
$.getScript("test.js", function(){
alert("Script loaded and executed.");
});
总结
具体情况使用HTTP GET方法:
1.客户端与服务端的交互像是一个提问(如查询操作、搜索操作、读操作)
2.请求是为了查找资源,HTML表单数据仅用来帮助搜索
3.请求结果无持续性的副作用(如进行搜索)
4.收集的数据及HTML表单内的输入字段名称的总长不超过1024个字符
5.获取参数或者短小的内容时用GET,如 ?id=5 或者 ?title=abc&url=http…
前端也是对应上述情况的。