또리밍밍
843
2019-12-04 11:06:15
2
192

ajax에서 html element 요소제거


ajax 에서 데이터 받은 내용을 테이블 상에 나타내주고 있습니다.

내용 중 에디터로 입력된 데이터는 HTML 문법 그대로 DB상에 입력되어있구요.

ex) <TEXTFORMAT LEADING="2"><P ALIGN="LEFT"><FONT FACE="dotum,돋움,Tahoma" SIZE="12" COLOR="#3D3D3D" LETTERSPACING="0" KERNING="0">제목제목제목제목</FONT></P></TEXTFORMAT>


thymeleaf 문법은 th:uext 를 써주면 html element 없이 문자열로만 잘 보여지지만

템플릿 핸들러에서는 element 그대로 노출되게 되더라구요..


ajax에서 데이터 받았을 때 element를 치환하거나 템플릿 핸들러에서 치환하는 방법이 있을까요?

if (!ajaxRunning) {
	ajaxRunning = true;
	$.ajax({
		url :  "testView.json",
		type : "GET",
		data : {
			"searchVal" : $("#searchVal").val(),
			reqId: reqId
		},
		dataType : "json",
		cache : false,
		contentType : "text/json; charset=UTF-8",
		success : function(data) {
			var source = $("#list-template").html();
			var template = Handlebars.compile(source);
			var itemList = template(data.ReqView.reqViewList[0]);
					
			$('#requirementDiv').html(itemList);
				
			ajaxRunning = false;
						
			},
  	  complete : function() {
		ajaxRunning = false;
		},
	error : function(xhr, status, err){
			alert(FailMessage);
		}
	});
			}



0
0
  • 답변 2

  • drrg
    224
    2019-12-04 13:51:12

    데이터를 받아왔을 때 태그를 제거하길 원하시면

    success : function(data){

    console.log(data.replace(/(<([^>]+)>)/ig,""));

    }

    로 한번 값찍어보시겠어요?

    0
  • 또리밍밍
    843
    2019-12-04 18:00:23 작성 2019-12-04 18:07:22 수정됨
    제거된 값으로 잘 나오네요! 기존 데이터에 replace 한 값으로 덮어쓸수있나요?
    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.