用jquery使用ajax方法怎么用callback(date)方法获取值？date如何获取各种各样的json值

最新推荐文章于 2021-08-06 01:05:53 发布

「已注销」

最新推荐文章于 2021-08-06 01:05:53 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： JAVAWEB 文章标签： JAVAWEB

本文链接：https://blog.youkuaiyun.com/qq_24691413/article/details/78547256

JAVAWEB 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何使用AJAX从服务器获取JSON数据，并详细解释了处理不同类型的JSON数据（如对象、数组及对象数组）的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

	$.ajax({
	            "url"       : "NewsPagingServlet",   //要提交的URL路径
	            "type"      : "get",           //发送请求的方式
	            "data"      : {"flag":"doGetMessage"},    //要发送到服务器的数据
	            "dataType"  : "json",          //指定返回的数据格式
	            "success"   :  function callBack(data) {
	            	var con="";
	            	alert(data[0].index);
	            },        //响应成功后要执行的代码
	            "error"     : function(msg) {     //请求失败后要执行的代码
	            	 alert("加载失败,请联系管理员[admin@newscenter.com]");
	            }
	});

这是一般的ajax方法范例。

本文章重点说的是
怎么用callback（）方法中的data参数接收后台传过来的各种各样的json

1，json对象

{
    "id": 1,
    "name": "张三",
    "password": "123"
}

获取用 data.id data.name data.password

2,json数组

 [ "甲", "乙", "丙" ]

获取用下标 data[0] data[1] data[2]

遍历用

data.each(function() { this }); this 是值

3,对象数组

[
    {
        "id": 1,
        "name": "admin",
        "password": "myw123456"
    },
    {
        "id": 2,
        "name": "张三",
        "password": "zs"
    },
    {
        "id": 3,
        "name": "李四",
        "password": "ls"
    }
]

获取具体的用

data[0].id 获取 1

data[2].name 获取李四

遍历用

第一种

data.each(function() {
    $table.append("<tr><td>" + this.id + "</td><td>"
                    + this.name + "</td><td>"
                    + this.pwd + "</td></tr>");
 });

第二种

 $.each(data,function(index,value){
               var s1=value.newsId;
               
               var s3=value.title;
                con+="<li> <a href='"+$ctx+"/NewsDetails?id="+s1+"'><b>"+s3+" </b></a> </li>";
              });

至于其他复合的json参照上述方法应该可以遍历出