jquery的封装ajax的get请求

最新推荐文章于 2024-09-10 11:01:42 发布

原创最新推荐文章于 2024-09-10 11:01:42 发布 · 761 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ajax

java 同时被 3 个专栏收录

21 篇文章

订阅专栏

ajax

3 篇文章

订阅专栏

jquery

3 篇文章

订阅专栏

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

<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>