jquery的封装ajax的get请求

本文介绍如何利用jQuery库简化AJAX请求过程,并演示了两种常见场景:发送GET请求到服务器并处理返回的HTML数据及JSON数据。通过具体代码示例展示了如何使用$.get方法与服务器交互。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<script type="text/javascript">
   $(function(){
       $("#bn").click(function(){
           $.get("/JQuery_3/ServletA",{"uname":"张三","upass":"111"},function(data){
               $("#h").html(data);
           });
       });
   });
</script>
----------------------------------------------------------------------------------------------------------------------------------------------------
<script type="text/javascript" src="<c:url value="/js/jquery-1.11.3.js"/>"></script>
<script type="text/javascript">
  $(function(){
      $("#bn").click(function(){
          $.get("/JQuery_3/ServletB",function(data){
              /*
              //1.服务器向浏览器响应的就是json字符串,所以回调函数的参数data就表示json字符串
              var obj = eval("("+data+")");
              var s = obj.name+"    "+obj.age;
              $("#h").text(s);
              */
              /*
               2.服务器给浏览器响应的还是json字符串,不过ajax设置的响应类型是json,
                         那么回调函数的参数data就是json对象

                         var s = data.name+"   "+data.age;
                          $("#h").text(s);
              */

              //3.
              var s = data.name+"    "+data.age;
              $("#h").text(s);
          });
      });
  });
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值