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;">
          lsbin
       </span>
  
     <div>
         <input type = "button"
                id = "driver"
                value = "Load Data" />
     </div>
  
</body>
  
</html>

输出如下:

在单击按钮之前:

单击按钮后:

更多前端开发相关内容请参考:lsbin - IT开发技术https://www.lsbin.com/

查看以下更多jQuery相关的内容:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值