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
1 <!DOCTYPE html> 2 <html lang="en"> 3 <style> 4 </style> 5 <head> 6 <meta charset="UTF-8"> 7 <title>演示文档</title> 8 <script type="text/javascript" src="jquery-3.1.1.min.js"></script> 9 <style type="text/css"> 10 </style> 11 </style> 12 </head> 13 <body> 14 <input type="button" id="btn" value="Ajax测试"> 15 <div id="test"></div> 16 <script type="text/javascript"> 17 $(function(){ 18 /* 19 $('#btn').click(function(){ 20 $.getScript("test.js",function(response,status){ 21 //alert('JS文件加载成功') 22 alert(response+status) 23 }) 24 }) 25 */ 26 $('#btn').click(function(){ 27 $.getJSON("test.json",function(response,status){ 28 alert(response[0].name) 29 }) 30 }) 31 }) 32 </script> 33 </body> 34 </html>
js
1 $('#test').html('我是从服务器端加载进来的JS文件')
json
[ { "name":"张三" } ]