在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>
相关推荐
梦6501 天前
JavaScript (ES5)+ES6+jQuery 核心对象方法大全
javascript·es6·jquery
月月玩代码2 天前
OkHttp,Square出品的Java/Android HTTP客户端!
android·java·okhttp
m0_748254662 天前
AJAX 基础实例
前端·ajax·okhttp
韩曙亮2 天前
【jQuery】jQuery 简介 ( JavaScript 库简介 | jQuery 核心概念、特点 | jQuery 下载并使用 )
前端·javascript·jquery
波波鱼દ ᵕ̈ ૩3 天前
AJAX(1)
前端·javascript·ajax
帅次3 天前
Web应用系统全面解析:从架构设计到测试部署的核心要点
前端·javascript·ajax·html5
stella·3 天前
后端二进制文件,现代前端如何下载
前端·ajax·状态模式·axios·request·buffer·download
胖虎14 天前
Android 文件下载实践:基于 OkHttp 的完整实现与思考
android·okhttp·下载文件·安卓下载·安卓中的下载
极客先躯4 天前
基于 EasyUI 和 jQuery 封装的企业级日期时间选择器组件库,采用标准的 jQuery 插件开发规范,实现了高度模块化和可复用的 UI 组件
ui·jquery·日期选择器·时间选择器·easyui
深蓝电商API5 天前
Scrapy爬取Ajax动态加载页面三种实用方法
爬虫·python·scrapy·ajax