在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>
相关推荐
lv__pf20 小时前
ajax的使用、json、jquery
ajax·json·jquery
Co_Hui1 天前
OkHttp 原理
okhttp
殷忆枫1 天前
BOA服务器下实现视频回放功能(CGI+软链接方案)
服务器·okhttp·音视频
豆角焖肉2 天前
Layui+Layer 弹出层实现 CRUD:AJAX 无刷新新增修改删除后台实战
前端·ajax·layui
消失的旧时光-19433 天前
第十篇:Ktor Custom Client Plugin:从 OkHttp Interceptor 真正理解请求与响应生命周期
okhttp·plugin·ktor·kmp
小白勇闯网安圈4 天前
Vue 进阶实战:事件修饰符、表单控制、购物车与 Ajax 请求
前端·vue.js·ajax
mmsx4 天前
基于 Android 的校园信息管理系统源码
android·java·okhttp
এ慕ོ冬℘゜5 天前
使用 jQuery 动态渲染表格与状态切换
前端·javascript·jquery
এ慕ོ冬℘゜6 天前
前端实战:使用 jQuery 与 CSS3 打造动态数据表格与滑块交互
前端·css3·jquery
Full Stack Developme11 天前
跨站请求伪造 (CSRF) 是什么 设计及工作原理
前端·okhttp·csrf