jQuery中的getScript函數是一個非常方便的跨域請求JS文件的方法。其用法如下:
$.getScript(url, callback);
其中,url參數為JS文件地址,callback為可選的回調函數。
跨域請求JS文件需要注意一些細節。首先,服務器需要支持CORS(跨域資源共享)或JSONP(JSON with Padding)。
在使用CORS時,需要在服務器響應中加上Access-Control-Allow-Origin頭部字段,指定允許跨域請求的域名。例如:
Access-Control-Allow-Origin: http://example.com
如果服務器不支持CORS,可以使用JSONP。JSONP允許跨域請求JS文件,并把請求結果作為函數調用的參數返回。注意,JSONP只支持GET方法。
使用jQuery的getScript函數時,可以在url參數中加上callback參數,指定回調函數名。例如:
$.getScript("http://example.com/jsfile.js?callback=foo"); function foo(data) { console.log(data); }
在服務器響應中,需要返回一個函數調用語句,其中函數名為指定的callback參數值。例如:
foo({result: "success"});
通過以上方法,就可以輕松實現跨域請求JS文件并獲取結果了。