html标签被当成文本

JSON对象中的HTML标签解析问题及解决方案

最新推荐文章于 2025-09-08 15:30:27 发布

原创最新推荐文章于 2025-09-08 15:30:27 发布 · 3.1k 阅读

0 ·

CC 4.0 BY-SA版权

js问题专栏收录该内容

2 篇文章

订阅专栏

博客讲述了在后台返回的JSON对象中，HTML标签如`<br/>`被当作文本显示的问题，导致格式混乱。文章重点在于提供了解决此类问题的方法，即通过编写特定的函数来正确处理这些标签。

后台在完成功能之后返回json对象

	@RequestMapping("/upLoad")
	@ResponseBody
	public HarJson upLoad(MultipartFile upfile,String pipeId){
		HarJson harJson = new HarJson();
		//数据解析
		boolean b = false;
		//获取文件名
		String name = upfile.getOriginalFilename();
		//获取文件的大小
		long size = upfile.getSize();
			  if(name==null || ("").equals(name) && size==0){
				  harJson.setSuccess(false);
				  harJson.setMsg("未选择文件");
				  return harJson;
		      }else if(CheckExcel.validateExcel(name)==false){
		    	  harJson.setSuccess(false);
				  harJson.setMsg("文件格式不正确");
				  return harJson;
		      }
		//创建处理excel
		ReadExcel readExcel = new ReadExcel();
		//解析excel,获取管道信息
		List<Anchor> anchorList = readExcel.getExcelInfo(upfile);
			if(readExcel.getErrorMsg().equals("")&&anchorList != null && !anchorList.toString().equals("[]") && anchorList.size()>=1){
			         b = true;
			     }
			if(b){
				for(Anchor anchor : anchorList){
					fileService.importAnchor(anchor,pipeId);
				 }
					 harJson.setSuccess(true); 
					 harJson.setMsg("导入成功");
				 }else{
					 harJson.setSuccess(false); 
					 harJson.setMsg(readExcel.getErrorMsg());  
				 }
		return harJson;
	}
}

其中readExcel.getErrorMsg 为 errorMsg=errorMsg+"第"+(x+1)+"行，"+colMark+"列数据类型错误！<br/>";

总之，重点是返回的json对象里包含有<br/>标签！！！！！

然后就成了这样~~

解决办法：

首先，写一个函数

function escape2Html(str) {
	 var arrEntities={'lt':'<','gt':'>','nbsp':' '};
	 return str.replace(/&(lt|gt|nbsp);/ig,function(all,t){return arrEntities[t];});
	}

再调用反编译函数escape2Html（result.msg就是返回的json对象）

var msg = escape2Html(result.msg);
$("#errorMsg").html(msg);

就成功啦！！