在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>
相关推荐
chilavert3188 小时前
技术演进中的开发沉思-228 Ajax: Aptana开发
前端·javascript·ajax
士心凡8 小时前
Spark
大数据·ajax·spark
chilavert3189 小时前
技术演进中的开发沉思-229 Ajax:Firefox 与 Firebug
javascript·okhttp
码界奇点20 小时前
Java Web学习 第15篇jQuery从入门到精通的万字深度解析
java·前端·学习·jquery
beijingliushao1 天前
100-Spark Local模式部署
大数据·python·ajax·spark
chilavert3181 天前
技术演进中的开发沉思-224 Ajax面向对象与框架
javascript·okhttp
chilavert3181 天前
技术演进中的开发沉思-227 Ajax: Ajax 缺陷
javascript·okhttp
by__csdn2 天前
Ajax与Axios终极对比指南全方位对比解析
前端·javascript·ajax·okhttp·typescript·vue·restful
by__csdn2 天前
Vue3+Axios终极封装指南
前端·javascript·vue.js·http·ajax·typescript·vue
唐古乌梁海2 天前
【AJAX】AJAX详解
前端·ajax·okhttp