ajax对返回的json数据的处理

最新推荐文章于 2023-09-28 12:14:30 发布

转载最新推荐文章于 2023-09-28 12:14:30 发布 · 587 阅读

文章标签：

#json #jquery ajax

本文详细介绍了如何从服务器获取城市列表的JSON数据，并通过AJAX技术进行解析，展示如何利用JSON对象直接操作数据，简化了数据处理流程。

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

返回的json数据如下：

<span style="color: rgb(51, 51, 51); font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: 14px; line-height: 24px; background-color: rgb(245, 245, 245);">{"cityList":[{"create_date":"2013-09-04","cityID":"320200","modify_date":"2013-09-04","c_id":75,"father":"320000","city":"无锡市"},{"create_date":"2013-09-04","cityID":"320400","modify_date":"2013-09-04","c_id":77,"father":"320000","city":"常州市"},{"create_date":"2013-09-04","cityID":"320600","modify_date":"2013-09-04","c_id":79,"father":"320000","city":"南通市"},{"create_date":"2013-09-04","cityID":"320800","modify_date":"2013-09-04","c_id":81,"father":"320000","city":"淮安市"},{"create_date":"2013-09-04","cityID":"320900","modify_date":"2013-09-04","c_id":82,"father":"320000","city":"盐城市"},{"create_date":"2013-09-04","cityID":"321100","modify_date":"2013-09-04","c_id":84,"father":"320000","city":"镇江市"},{"create_date":"2013-09-04","cityID":"321300","modify_date":"2013-09-04","c_id":86,"father":"320000","city":"宿迁市"},{"create_date":"2013-09-04","cityID":"320100","modify_date":"2013-09-04","c_id":74,"father":"320000","city":"南京市"},{"create_date":"2013-09-04","cityID":"320300","modify_date":"2013-09-04","c_id":76,"father":"320000","city":"徐州市"},{"create_date":"2013-09-04","cityID":"320500","modify_date":"2013-09-04","c_id":78,"father":"320000","city":"苏州市"},{"create_date":"2013-09-04","cityID":"320700","modify_date":"2013-09-04","c_id":80,"father":"320000","city":"连云港市"},{"create_date":"2013-09-04","cityID":"321000","modify_date":"2013-09-04","c_id":83,"father":"320000","city":"扬州市"},{"create_date":"2013-09-04","cityID":"321200","modify_date":"2013-09-04","c_id":85,"father":"320000","city":"泰州市"}]}</span>

===================华丽的分割线=====================================

$.ajax({
    url:"city",
    type:"POST",
    data:"father="+father,
    dataType: "json",
    success:function(jsonList){
        var html="";
        for(var i=0;i<=jsonList.cityList.length-1;i++){
            html+="城市"+jsonList.cityList[i].city+",c_id="+jsonList.cityList[i].c_id+"\n";
        }
        alert(html);
    }
    });

重点看两句代码：
dataType: "json" 这样设置以后返回的类型就是json对象了，不用转换，就可以直接用了！