当前位置: 首页>>代码示例>>用法及示例精选>>正文


JQuery get()用法及代码示例

在jQuery中,get()方法使用GET HTTP请求从服务器加载数据。此方法返回XMLHttpRequest对象。

用法

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

参数


  1. url :包含要发送请求的URL的字符串
  2. data :这是一个可选参数,表示将要发送到服务器的键/值对。
  3. callback:此可选参数表示每当成功加载数据时将执行的功能。
  4. 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。非经特殊声明,原始代码版权归原作者所有,本译文的传播和使用请遵循“署名-相同方式共享 4.0 国际 (CC BY-SA 4.0)”协议。