AJAX 异步请求数据

最新推荐文章于 2024-08-20 09:01:32 发布

顾白的顾小白

最新推荐文章于 2024-08-20 09:01:32 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/lhf294/article/details/77592589

版权

jquery 同时被 3 个专栏收录

2 篇文章 0 订阅

订阅专栏

json

2 篇文章 0 订阅

订阅专栏

ajax异步请求

1 篇文章 0 订阅

订阅专栏

jQuery 对Ajax进行了封装，封装了多个函数，可以简单的实现Ajax功能
$.ajax函数 实现注册的异步校验

 $.ajax({
            type:"GET",
            url:"AdminServlet",
            data:"loginId="+id,
            dataType:"text",
            success:function(d){
                if(d=="yes"){
                    sp.css("color","green").html("用户名可用");
                }else{
                    sp.css("color","red").html("用户名已存在");
                }
            } 
        });

$.get函数 实现注册的异步校验
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用$ .ajax。

$.get(
            "AdminServlet",  // URL路径
            {loginId:id},  //参数
            function(d){  //回调函数
                if(d=="yes"){
                    sp.css("color","green").html("用户名可用...");
                }else{
                    sp.css("color","red").html("用户名已存在...");
                }
            },  
            "text"
        );

$.getJSON函数 加载页面时，异步请求数据
通过 HTTP GET 请求载入 JSON 数据。在 jQuery 1.2 中，您可以通过使用JSONP形式的回调函数来加载其他网域的JSON数据，
Json(JS对象标记)，与XML类似，是一种轻量级的数据交换格式，
JSON 语法：{”键”:”值”,”键”:”值”}，这就是一个Json对象。
Json数组：{”city”:[{”键”:”值”,”键”:”值”},{”键”:”值”,”键”:”值”},{”键”:”值”,”键”:”值”}]}
访问方式：对象.键.　　对象[i].键。
jQuery.getJSON(url, [data], [callback])

参数：
url,[data],[callback] String,Map,FunctionV1.0
url : 发送请求地址。
data : 待发送 Key/value 参数。
callback : 载入成功时回调函数。

$(function(){
  $.getJSON("UserServlet",function(data){
    var tal=$(".table");
    for(var i= 0;i<data.length;i++){
         $tr = $("<tr><td>"+data[i].id+"</td><td>"+data[i].pwd+"</td></tr>");
        tal.append($tr);
    }       
  });
});

<body>
     <table class="table">
        <tr>
            <th>账号</th>
            <th>密码</th>
        </tr>

    </table>

</body>

顾白的顾小白

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
AJAX 异步请求数据

jQuery 对Ajax进行了封装，封装了多个函数，可以简单的实现Ajax功能 $.ajax函数实现注册的异步校验 $.ajax({ type:"GET", url:"AdminServlet", data:"loginId="+id, dataType:"text", su
复制链接

扫一扫

专栏目录