js进阶 14-5 $.getScript()和$.getJSON()方法的作用是什么

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

一、总结

一句话总结：$.getScript()和$.getJSON()方法专门用来加载JS/JSON文件（远程或本地）

1、jquery中的ajax如何调用一个js文件并执行？

$.getScript()带第一个参数url即可

19 $('#btn').click(function(){
20 $.getScript("test.js",function(response,status){
21 //alert('JS文件加载成功')
22 alert(response+status)
23 })
24 })

2、$.getScript()如何使用（语法）？

其实一般使用第一个参数url就够了

$.getScript(url,function(response,status))

getScript()通过HTTP GET请求载入并执行javaScript文件。

语法：$.getScript(url,function(response,status))
response-包含来自请求的结果数据
3.Status-包含请求的状态（“success”,”error”,”notmodified”,”timeout”或“parsererror”)

3、$.getJSON()如何使用（语法）？

其实一般使用第一个参数url就够了

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

ur必需。规定将请求发送的哪个URL.
data可选。规定连同请求发送到服务器的数据。
function(response,status,xhr)可选。规定当请求成功时运行的函数。

4、$.getScript()的使用场景是什么？

一个js文件里面有很多js代码，但是里面的函数只有一个是我在点击按钮的时候使用，那么直接把这个js加载进来效率不高，所以我们可以选择点击按钮的时候动态加载这个js文件，这里就用$.getScript()，远程的本地的js都行

二、$.getScript()和$.getJSON()方法的作用是什么

1、相关知识

$.getScript()和$.getJSON()方法

$.getScript()和$.getJSON()方法专门用来加载JS/JSON文件

getScript()通过HTTP GET请求载入并执行javaScript文件。
1. 语法：$.getScript(url,function(response,status))
2. response-包含来自请求的结果数据
3. 3.Status-包含请求的状态（“success”,”error”,”notmodified”,”timeout”或“parsererror”)
.getJSON(url,data,success(data,status,xhr))
1. ur必需。规定将请求发送的哪个URL.
2. data可选。规定连同请求发送到服务器的数据。
3. function(response,status,xhr)可选。规定当请求成功时运行的函数。

2、代码

html

<!DOCTYPE html>
<html lang="en">
<style>
</style>
<head>
<meta charset="UTF-8">
<title>演示文档</title>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<style type="text/css">
</style>
</style>
</head>
<body>
<input type="button" id="btn" value="Ajax测试">
<div id="test"></div>
<script type="text/javascript">
$(function(){
/*
$('#btn').click(function(){
$.getScript("test.js",function(response,status){
//alert('JS文件加载成功')
alert(response+status)
})
})
*/
$('#btn').click(function(){
$.getJSON("test.json",function(response,status){
alert(response[0].name)
})
})
})
</script>
</body>
</html>