2021-10-17

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…
前端也是对应上述情况的。