json转成html

最新推荐文章于 2024-08-19 10:47:14 发布

雾漫

最新推荐文章于 2024-08-19 10:47:14 发布

阅读量1.4k

点赞数

分类专栏：前端的坑

本文链接：https://blog.csdn.net/weixin_43532346/article/details/103310221

版权

前端的坑专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1，后端代码

 @RequestMapping(value = "/domainIsAvailable", method = RequestMethod.POST, produces = MediaType.TEXT_PLAIN_VALUE)
    public @ResponseBody
     String domainIsAvailable(String json){
        List<String> documentList  = new ArrayList<String>();
        List list= JSON.parseArray(json);
        if(!Util.isNvl(list)){
            for(int i=0; i<list.size(); i++){
              boolean result =  this.domainAvailable(list.get(i).toString());
              if(result==true){
                  documentList.add("<li class=\"yes\">" +
                          "<div class=\"lrbox1 f16\">"+list.get(i).toString()+"</div>" +
                          "<div class=\"lrbox1 jg\"><i class=\"iconfont icon-checkmarkcircle orange\"></i><i class=\"iconfont icon-roundclose green\"></i>恭喜你，此域名可以注册！</div>" +
                          "</li>");
              }else{
                  documentList.add("<li class=\"no\">" +
                          "<div class=\"lrbox1 f16\">"+list.get(i).toString()+"</div>" +
                          "<div class=\"lrbox1 jg\"><i class=\"iconfont icon-checkmarkcircle orange\"></i><i class=\"iconfont icon-roundclose green\"></i>很抱歉，此域名已被注册！</div>" +
                          "</li>");
              }
            }
        }
        return JSON.toJSONString(documentList);
    }

2，前端处理

 var param = {};
                    param['json'] = JSON2.stringify(userids);
                    $.ajax({
                        url: "<c:url value='/admin/domain/checkdomain'/>",
                        data : param,
                        datatype : "json",
                        type : "post",
                        success: function(data){
                            var bodyData="";
                            var jsondataA = JSON.parse(data.split(','));//把json转成js
                            for(var w=0; w<jsondataA.length;w++){
                                bodyData+=jsondataA[w];
                            }

                            layer.open({
                                type: 1,
                                title: '你想要的标题',
                                maxmin: true,
                                shadeClose: true, //点击遮罩关闭层
                                area : ['620px' , '400px'],
                                content:
                                '<div class="searchdomainnamejieguo clearfix"><ul> <li class="titbg"> <div class="lrbox1">名称</div> <div class="lrbox1">状态</div> </li> </ul>'+
                                    '<ul>'+
                                    bodyData
                                    +'</ul>'
                                    +'</div>'+
                                 '<div class="text_center gray main_top2">；联系我们</div>'
                            });
                        }
                    });