在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>
相关推荐
LongtengGensSupreme1 天前
开放所有跨域 ----前端和后端
前端·后端·ajax·vue·api·jquery
小猪配偶儿_oaken2 天前
SpringBoot实现单号生成功能(Java&若依)
java·spring boot·okhttp
雨雨雨雨雨别下啦2 天前
ajax和axios到底是什么
前端·ajax·okhttp
C_心欲无痕3 天前
网络相关 - Fetch 与 Ajax 请求讲解
前端·网络协议·ajax·fetch
莓有烦恼吖3 天前
基于AI图像识别与智能推荐的校园食堂评价系统研究 06-文件上传模块
android·okhttp
源远流长jerry4 天前
浏览器的同源策略
服务器·http·okhttp
粤M温同学4 天前
Android OkHttp 下载限速方案实现
android·okhttp
qq_406176144 天前
什么是模块化
开发语言·前端·javascript·ajax·html5
狂龙骄子6 天前
jQuery表单验证插件全攻略
前端·javascript·jquery·jquery表单验证
释怀不想释怀6 天前
vue(登录,退出,浏览器本地存储机制)
前端·javascript·vue.js·ajax·html