jQuery 之 get、getJSON 与 getScript 方法（13）

刺骨的言语ヽ痛彻心扉 2022-09-23 15:53 145阅读 0赞

jQuery get() 方法

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

定义和用法

请求 "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(URL,data,function(data,status,xhr),dataType)

=================================

发送一个 HTTP GET 请求到页面并取回结果：

<!DOCTYPE html>
    <html>
    <head>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
        $.get("/try/ajax/demo_test.php",function(data,status){
          alert("数据: " + data + "\n状态: " + status);
        });
      });
    });
    </script>
    </head>
    <body>
    <button>发送一个 HTTP GET 请求并获取返回结果</button>
    </body>
    </html>

=================================

jQuery getJSON() 方法

定义和用法

getJSON() 方法使用 AJAX 的 HTTP GET 请求获取 JSON 数据。

语法

$(selector).getJSON(url,data,success(data,status,xhr))

=================================

使用 Ajax 请求获取 JSON 数据，并输出结果：

<!DOCTYPE html>
    <html>
    <head>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
        $.getJSON("demo_ajax_json.js",function(result){
          $.each(result, function(i, field){
            $("div").append(field + " ");
          });
        });
      });
    });
    </script>
    </head>
    <body>
    <button>获取 JSON 数据</button>
    <div></div>
    </body>
    </html>

=================================

jQuery getScript() 方法

定义和用法

getScript() 方法使用 AJAX 的 HTTP GET 请求获取和执行 JavaScript。

语法

$(selector).getScript(url,success(response,status))

=================================

使用 AJAX 请求，获取和运行 JavaScript：

<!DOCTYPE html>
    <html>
    <head>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
        $.getScript("demo_ajax_script.js");
      });
    });
    </script>
    </head>
    <body>
    <button>使用 Ajax 来获取JavaScript脚本并执行</button>
    </body>
    </html>