在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>
相关推荐
小白学大数据1 天前
双管齐下:结合显式等待与Timeout处理复杂Ajax网页
前端·javascript·ajax
瓜瓜怪兽亚2 天前
前端基础知识---Ajax
前端·javascript·ajax
咖啡の猫2 天前
Vue 实例生命周期
前端·vue.js·okhttp
吴鹰飞侠3 天前
AJAX的学习
前端·学习·ajax
Jeled5 天前
Retrofit 与 OkHttp 全面解析与实战使用(含封装示例)
android·okhttp·android studio·retrofit
Xzh04235 天前
前后端学习的交界
java·ajax·maven·axios·测试
我登哥MVP6 天前
Ajax 详解
java·前端·ajax·javaweb
Jeled6 天前
Android 网络层最佳实践:Retrofit + OkHttp 封装与实战
android·okhttp·kotlin·android studio·retrofit
仲夏幻境6 天前
js利用ajax同步调用如何
开发语言·javascript·ajax
寒月霜华6 天前
JavaWeb前端-Ajax
ajax