getScript()方法在jQuery中用于运行JavaScriptAJAX HTTP GET请求.
语法如下:
$(selector).getScript(url, success(response, status))
参数:它包含上面提到和下面描述的两个参数:
- 网址:它是必填参数。它拥有网址请求发送给谁。
- 成功(响应, 状态):它是可选参数。如果请求成功, 它将保持运行的功能。
- 响应:它保存来自请求的结果数据。
- 状态:它保持请求的状态, 例如"成功", "未修改", "错误", "超时"或" parsererror"。
的test.js文件存储在服务器上, 单击后将加载改变内容按钮。
test.js alert("使用AJAX HTTP GET请求获取JavaScript");
范例1:本示例显示来自AJAX HTTP GET请求接收的JavaScript的警报消息。
<!DOCTYPE html>
< html >
< head >
< script src =
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" >
</ script >
< script >
$(document).ready(function() {
$("button").click(function() {
$.getScript("test.js");
});
});
</ script >
</ head >
< body style = "text-align:center;" >
< h1 style = "color: green;" >lsbin</ h1 >
< p id = "paragraph" style = "font-size: 20px;" >
A computer science portal for geeks
</ p >
< button >
Get JavaScript using an AJAX HTTP GET request.
</ button >
</ body >
</ html >
输出如下:
在单击按钮之前:
单击按钮后:
范例2:本示例使用getScript()方法显示警报消息。
<!DOCTYPE html>
< html >
< head >
< script src =
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" >
</ script >
<!-- Script to use getScript() Method -->
< script >
$(document).ready(function(){
$("button").click(function(){
$.getScript("test.js", alert("JavaScript Received "));
});
});
</ script >
</ head >
< body style = "text-align:center;" >
< h1 style = "color: green;" >lsbin</ h1 >
< p id = "paragraph" style = "font-size: 20px;" >
A computer science portal for geeks
</ p >
< button >
Get JavaScript using an AJAX HTTP GET request.
</ button >
</ body >
</ html >
输出如下:
在点击按钮之前
点击按钮后