在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>
相关推荐
Lucky me.18 小时前
本地maven添加jar包
okhttp·maven·jar
技术拾荒者1 天前
Day03_AJAX原理 (黑马笔记)
ajax
闲人编程1 天前
Spark使用过程中的 15 个常见问题、详细解决方案
python·ajax·spark·解决方案·调度·作业
ac-er88881 天前
ThinkPHP中使用ajax接收json数据的方法
前端·ajax·json·php
猿学1 天前
CSS+JQuery 实现弹力球效果,碰到屏幕边框弹回
前端·css·jquery
少说多做3432 天前
Android 网络请求(二)OKHttp网络通信
android·网络·okhttp
贝格前端工场2 天前
jquery还有其应用场景,智慧慢慢地被边缘化,但不会消亡
前端·javascript·jquery
灿宝宝lo3 天前
使用ajax-hook修改http请求响应数据,篡改后再返回给正常的程序
android·前端·ajax
shidouyu3 天前
前端框架主要做些什么工作
javascript·css·ajax·正则表达式·json·firefox·jquery
技术拾荒者3 天前
Day02_AJAX综合案例 (黑马笔记)
网络·笔记·ajax