在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>
相关推荐
明天就是Friday1 天前
Android实战项目④ OkHttp WebSocket开发即时通讯App 完整源码详解
android·websocket·okhttp
xiangxiongfly9152 天前
Android 使用WebSocket通信
android·websocket·网络协议·okhttp
吴声子夜歌3 天前
Vue3——使用axios实现Ajax请求
前端·javascript·ajax·axios
Camellia-lon3 天前
jQuery购物车实现:从入门到精通
前端·javascript·jquery
研☆香3 天前
聊聊什么是AJAX
前端·ajax·okhttp
.Cnn4 天前
Ajax与Vue 生命周期核心笔记
前端·javascript·vue.js·笔记·ajax
sunwenjian8865 天前
跨域问题解释及前后端解决方案(SpringBoot)
spring boot·后端·okhttp
斌味代码7 天前
jQuery 内存泄漏排查:常见场景、工具使用与修复实战
前端·javascript·jquery
XiaoLeisj7 天前
Android 短视频播放详情页实战:从播放器模块拆分、Media3 与 FlowHelper 接入,到 ViewPager 高度适配和详情数据联动
android·okhttp·音视频·架构设计·flowhelper
阿正的梦工坊7 天前
拦截网络请求:一种更优雅的数据获取方式
网络·okhttp