JQuery get()用法及代碼示例

在jQuery中，get()方法使用GET HTTP請求從服務器加載數據。此方法返回XMLHttpRequest對象。

用法

$.get( url, [data], [callback], [type] )

參數

url :包含要發送請求的URL的字符串
data :這是一個可選參數，表示將要發送到服務器的鍵/值對。
callback:此可選參數表示每當成功加載數據時將執行的函數。
type :此參數表示要返回給回調函數的數據類型，即“ xml”，“ script”，“ json”，“ html”，“ html”，“ jsonp”或“ text”。

例：

當以下html程序發送HTTP GET請求時，此PHP代碼用於獲取數據。

// Result.php file 
<?php 
if( $_REQUEST["name"] ) { 
  
   $name = $_REQUEST['name']; 
   echo "Welcome ". $name; 
} 
  
?>

此HTML代碼用於發送HTTP GET請求。

<html> 
  
<head> 
    <script type="text/javascript"
            src= 
"https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"> 
  </script> 
  
    <script type="text/javascript"
            language="javascript"> 
        $(document).ready(function() { 
  
        $("#driver").click(function(event) { 
                $.get( 
                 "result.php", { 
                     name: "GFG" 
                 }, 
                 function(data) { 
                     $('#stage').html(data); 
                 }); 
            }); 
        }); 
    </script> 
</head> 
  
<body> 
    <p>Click on the button to load result file  
  </p> 
  
    <span id="stage" 
          style="background-color:#cc0;"> 
         GeeksForGeeks 
      </span> 
  
    <div> 
        <input type="button"
               id="driver"
               value="Load Data" /> 
    </div> 
  
</body> 
  
</html>

輸出：
在單擊按鈕之前：

單擊按鈕後：

相關用法

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