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

最新推荐文章于 2020-12-13 11:50:53 发布

稚枭天卓

最新推荐文章于 2020-12-13 11:50:53 发布

阅读量858

点赞数

分类专栏： jQuery 入门 AJAX入门文章标签： get getJSON getScript jQuery AJAX

本文链接：https://blog.csdn.net/u013630349/article/details/51982031

版权

jQuery 入门同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

AJAX入门

18 篇文章 1 订阅

订阅专栏

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>

稚枭天卓

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery 之 get、getJSON 与 getScript 方法（13）

jQuery get() 方法$.get() 方法使用 HTTP GET 请求从服务器加载数据。定义和用法请求 "test.php"，但是忽略返回结果：$.get("test.php");请求 "test.php" 并连同请求发送一些额外的数据（忽略返回结果）：$.get("test.php", { name:"Donald", town:"Ducktown" });请
复制链接

扫一扫