jQuery $.get() 方法



  • 定义和用法

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

    $.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 块,将添加一个 "?callback=?" 到 URL 来规定回调
  • 演示例子

    请求 "test.php" 但是忽略返回结果:
    $.get("test.php");
    请求 "test.php" 并连同请求发送一些额外的数据(忽略返回结果):
    $.get("test.php", { name:"Donald", town:"Ducktown" });
    请求 "test.php" 并传递数据数组到服务器(忽略返回结果):
    $.get("test.php", { 'colors[]' : ["Red","Green","Blue"] });
    请求 "test.php" 并提醒请求的结果:
    $.get("test.php", function(data){alert("Data: " + data);});
  • 实例

    下例演示了使用$.get()方法从服务器上的文件中检索数据:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
    //此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的
       <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
       <script>
           $(document).ready(function () {
              $("button").click(function () {
                $.get("/jc_script/jqAjax/demo_test.php", function (data, status) {
                   alert("数据: " + data + "\n状态: " + status);
                });
              });
           });
       </script>
    </head>
    <body>
         <button>发送一个HTTP GET请求并获取返回结果</button>
    </body>
    </html>