JQuery getScript()用法及代碼示例

jQuery中的getScript()方法用於使用AJAX HTTP GET請求運行JavaScript。

用法:

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

參數：它包含上麵提到和下麵描述的兩個參數：

url:它是必填參數。它保存請求發送到的URL。
success(response, status):它是可選參數。如果請求成功，它將保持運行的函數。
- response: 它保存來自請求的結果數據。
- status: 它保存請求的狀態，例如-“success”，“notmodified”，“error”，“timeout”或“parsererror”。

test.js文件存儲在服務器上，單擊更改內容按鈕後將加載。

test.js
alert(“Get javaScript using AJAX HTTP GET request”);

範例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;">GeeksforGeeks</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;">GeeksforGeeks</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>

輸出：

在點擊按鈕之前
點擊按鈕後

相關用法

注：本文由純淨天空篩選整理自PranchalKatiyar大神的英文原創作品 jQuery | getScript() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。