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":"張三" } ]