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文件。
- 语法：$.getScript(url,function(response,status))
- response-包含来自请求的结果数据
- 3.Status-包含请求的状态（“success”,”error”,”notmodified”,”timeout”或“parsererror”)
- .getJSON(url,data,success(data,status,xhr))
- ur必需。规定将请求发送的哪个URL.
- data可选。规定连同请求发送到服务器的数据。
- 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>
js
$('#test').html('我是从服务器端加载进来的JS文件')
json
[
{
"name":"张三"
}
]