在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>
相关推荐
linwq85 小时前
OkHttp使用和源码分析学习(二)
学习·okhttp
csdn_aspnet1 天前
JavaScript AJAX 库
javascript·ajax
初见_Dream1 天前
Retrofit+OkHttp+ViewModel
xml·okhttp·retrofit
林的快手2 天前
伪类选择器
android·前端·css·chrome·ajax·html·json
还是鼠鼠2 天前
详细介绍:封装简易的 Axios 函数获取省份列表
前端·javascript·vscode·ajax·前端框架
清风细雨_林木木2 天前
wangEditor 编辑器 Vue 2.0 + Nodejs 配置
vue.js·okhttp·编辑器
不会&编程5 天前
第四章 Vue 中的 ajax
前端·vue.js·ajax
Leven1995275 天前
Spark 性能优化 (三):RBO 与 CBO
ajax·性能优化·spark
Dontla6 天前
jQuery介绍(快速、简洁JavaScript库,诞生于2006年,主要目标是简化HTML文档操作、事件处理、动画和Ajax交互)
javascript·html·jquery
WeiLai11127 天前
DeepSeekApi对接流式输出异步聊天功能:基于Spring Boot和OkHttp的SSE应用实现
人工智能·spring boot·后端·okhttp