jQuery getScript()方法用法详细介绍 _jQuery

getScript()方法在jQuery中用于运行JavaScriptAJAX HTTP GET请求.
语法如下：

$(selector).getScript(url, success(response, status))

【jQuery getScript()方法用法详细介绍】参数：它包含上面提到和下面描述的两个参数：

网址：它是必填参数。它拥有网址请求发送给谁。
成功(响应, 状态)：它是可选参数。如果请求成功, 它将保持运行的功能。
- 响应：它保存来自请求的结果数据。
- 状态：它保持请求的状态, 例如"成功", "未修改", "错误", "超时"或" 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 >

输出如下：
在点击按钮之前