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

2021年3月13日16:32:07 发表评论 1,008 次浏览

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 >

输出如下:

在单击按钮之前:

jQuery | getScript()方法1

单击按钮后:

jQuery | getScript()方法2

范例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 >

输出如下:

在点击按钮之前

jQuery | getScript()方法3

点击按钮后

jQuery | getScript()方法4
jQuery | getScript()方法5

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: