在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>
相关推荐
波波鱼દ ᵕ̈ ૩7 小时前
AJAX(1)
前端·javascript·ajax
帅次7 小时前
Web应用系统全面解析:从架构设计到测试部署的核心要点
前端·javascript·ajax·html5
stella·1 天前
后端二进制文件,现代前端如何下载
前端·ajax·状态模式·axios·request·buffer·download
胖虎11 天前
Android 文件下载实践:基于 OkHttp 的完整实现与思考
android·okhttp·下载文件·安卓下载·安卓中的下载
极客先躯2 天前
基于 EasyUI 和 jQuery 封装的企业级日期时间选择器组件库,采用标准的 jQuery 插件开发规范,实现了高度模块化和可复用的 UI 组件
ui·jquery·日期选择器·时间选择器·easyui
深蓝电商API2 天前
Scrapy爬取Ajax动态加载页面三种实用方法
爬虫·python·scrapy·ajax
Aevget3 天前
Kendo UI for jQuery 2025 Q4新版亮点 - AI 助手持续加持,主力开发更智能
人工智能·ui·jquery·界面控件·kendo ui
满栀5853 天前
三级联动下拉框
开发语言·前端·jquery
假装我不帅3 天前
jquery-validation使用
前端·javascript·jquery
假装我不帅3 天前
rider开发asp.net webform项目
android·okhttp·asp.net