在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>
相关推荐
qq_406176147 小时前
什么是模块化
开发语言·前端·javascript·ajax·html5
狂龙骄子2 天前
jQuery表单验证插件全攻略
前端·javascript·jquery·jquery表单验证
释怀不想释怀2 天前
vue(登录,退出,浏览器本地存储机制)
前端·javascript·vue.js·ajax·html
chilavert3183 天前
技术演进中的开发沉思-284 计算机原理:二进制核心原理
javascript·ajax·计算机原理
Beginner x_u3 天前
从 Promise 到 async/await:一次把 JavaScript 异步模型讲透
javascript·ajax·promise·异步·async await
‿hhh4 天前
综合交通运行协调与应急指挥平台项目说明
java·ajax·npm·json·需求分析·个人开发·规格说明书
释怀不想释怀4 天前
Ajax,vue生命周期(自动加载页面发出请求)Axios
前端·javascript·ajax
止水编程 water_proof6 天前
JQuery 基础
前端·javascript·jquery
chilavert3186 天前
技术演进中的开发沉思-278 AJax :Rich Text(上)
前端·javascript·ajax
chilavert3186 天前
技术演进中的开发沉思-279 AJax :Rich Text Editor(下)
前端·javascript·ajax