在ajax中如何使用jquery循环。

假设result的数据是这个:

javascript 复制代码
    {
        "code":"200",
	    "data":[
            {"id":111,"userName":"张三","userPassword":"123"},
	        {"id":222,"userName":"李四","userPassword":"123"},
	        {"id":333,"userName":"王五","userPassword":"123"},
        ],
	    "msg":"登陆成功",
    }

然后呢,我们就可以遍历这个result对象。

result.data : 表示你想要遍历的对象是什么。

index 是下标。

obj 就代表你想要遍历的每一个元素。

javascript 复制代码
<script>
    $.ajax({
        url: "/LoginServlet",
        data: {"name": name, "pwd": password},
        dataType: "json",
        type: "post",
        success: function (result) {
            if (result.code == "200") {
                alert(result.msg);
            }
            $.each(result.data, function (index, obj) {
                $("#111").html(obj.id);
                $("#222").html(obj.userName);
                $("#333").html(obj.userPassword);
            })
        }
    })
</script>
相关推荐
San30.4 小时前
深入理解 JavaScript 异步编程:从 Ajax 到 Promise
开发语言·javascript·ajax·promise
自在极意功。1 天前
AJAX 深度详解:从基础原理到项目实战
前端·ajax·okhttp
William_cl1 天前
【ASP.NET Core】Controller 层 Action 返回值精讲:JsonResult(AJAX 交互核心)
ajax·asp.net·交互
北极糊的狐2 天前
关于jQuery 事件绑定,记录常用事件类型及核心注意事项
前端·javascript·jquery
APIshop3 天前
代码解析:通过第三方爬虫获取1688商品详情接口
爬虫·okhttp
San304 天前
深入理解 JavaScript 异步编程:从 Ajax 到 Promise
javascript·ajax·promise
青衫码上行5 天前
【Java Web学习 | 第15篇】jQuery(万字长文警告)
java·开发语言·前端·学习·jquery
合作小小程序员小小店6 天前
web网页开发,在线%食堂管理%系统,基于Idea,html,css,jQuery,java,ssm,mysql。
java·前端·mysql·html·intellij-idea·jquery
会编程的李较瘦6 天前
【Spark学习】数据清洗
学习·ajax·spark
Entropless6 天前
OkHttp 深度解析(一) : 从一次完整请求看 OkHttp 整体架构
android·okhttp