jQuery get() 方法

实例

向页面发送 HTTP GET 请求并返回结果:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("button").click(function(){
  8. $.get("/example/ajax/demo.ashx", function(data, status){
  9. alert("Data: " + data + "\nStatus: " + status);
  10. });
  11. });
  12. });
  13. </script>
  14. </head>
  15. <body>
  16. <button>向页面发送 HTTP GET 请求并返回结果</button>
  17. </body>
  18. </html>

定义与用法

$.get() 方法使用 HTTP GET 请求从服务器加载数据。


实例

请求 "demo.ashx",但忽略返回结果:

  1. $.get("demo.ashx");

请求 "demo.ashx",并随请求发送一些附加数据(忽略返回结果):

  1. $.get("demo.ashx", { name:"Donald", town:"Ducktown" });

请求 "demo.ashx" 并将数据数组传递给服务器(忽略返回结果):

  1. $.get("demo.ashx", { 'colors[]' : ["Red","Green","Blue"] });

请求 "demo.ashx",并警告请求的结果:

  1. $.get("demo.ashx", function(data){
  2. alert("Data: " + data);
  3. });

语法

  1. $.get(URL,data,function(data,status,xhr),dataType)
参数描述
URL必填。指定要请求的 URL
data可选。指定要随请求一起发送到服务器的数据
function(data,status,xhr)可选。指定请求成功时要运行的函数
附加参数:
  • data - 包含来自请求的结果数据
  • status - 包含请求的状态 ("success", "notmodified", "error", "timeout", 或 "parsererror")
  • xhr - 包含 XMLHttpRequest 对象
dataType可选。指定服务器响应的预期数据类型
默认情况下,jQuery 执行自动判断
可能的类型:
  • "xml" - 一个 XML 文档
  • "html" - HTML 作为纯文本
  • "text" - 纯文本字符串
  • "script" - 以 JavaScript 的形式运行响应,并以纯文本的形式返回
  • "json" - 以 JSON 的形式运行响应,并返回一个 JavaScript 对象
  • "jsonp" - 使用 JSONP 加载 JSON 块。URL 后加一段 "?callback=?" 来指定回调

分类导航