使用Ajax请求json数据并将其显示在页面上的示例代码

2022-11-21 0 535

使用Ajax请求json数据并将其显示在页面上的示例代码

下面的示例代码使用Ajax请求json数据并将其显示在页面的HTML中。请求数据和json数据转换形式供参考:

 

使用Ajax请求json数据并将其显示在页面上的示例代码

 

$.ajax({
    url: '/ajax/getFloorManageByBuildingManageID',
    type: 'post',
    Data: {"building.id": id},
    dataType: 'json',
    success: function(data){
        $('#floorManagerList').text(''); //将楼层内容清空
        var floor = "";
        var obj = json.pares(data);
        for(var i=0; i<data.length; i++){
            floor += "<li class='bed-on'><div class='col-sm-8 pd-left'>"+obj[i].floorname+"</div>"+
                    "<div class='col-sm-4 bed-edit'><a data-toggle='modal' data-target='#myModal'>"+
                    "<i class='icon inconfont'></i></a>"+
                    "<a><i class='icon iconfont'></i></a>"+
                    "</div>"+
                    "</li>";
        }
        $('#floorManagerList').html(floor);
    }
});

说明:使用json.pares转换为json对象

 

1.parse 用于从一个字符串中解析出json 对象。例如

 

var str='{"name":"cpf","age":"23"}'

 

经 JSON.parse(str) 得到:

 

Object: age:"23"

 

name:"cpf"

 

_proto_:Object

 

ps:单引号写在{}外,每个属性都必须双引号,否则会抛出异常

 

2.stringify用于从一个对象解析出字符串,例如

 

var a={a:1,b:2}

 

经 JSON.stringify(a)得到:

 

“{“a”:1,"b":2}”

 

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!cheeksyu@vip.qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有积分奖励和额外收入!
5.严禁将资源用于任何违法犯罪行为,不得违反国家法律,否则责任自负,一切法律责任与本站无关

源码下载

发表评论
暂无评论