ajax 데 이 터 를 가 져 온 후 페이지 로 렌 더 링 하 는 방법

$.ajax({
url:"apiAttachmentAction_uploadAttachment.action",
type:"post",
data:forms,
contentType:false,
success:function(data){}
error:function(e){}

요청 한 데 이 터 를 해당 페이지 에 어떻게 렌 더 링 하 는 지 에 대해 다음 과 같은 몇 가지 방법 을 요약 했다.
1. 흔히 볼 수 있 는 것 은 문자열 을 연결 하 는 방식 입 니 다. 예 를 들 어 w3 school 에서 제공 하 는 3 중 방식 은 jquery 의 append, prepend, after 등 방법 으로 페이지 에 삽입 합 니 다. 요소 에 스타일 을 추가 하려 면 이 요소 에 유형 명 을 직접 추가 할 수 있 습 니 다. 해당 하 는 css 파일 에서 스타일 을 수정 하면 됩 니 다. 동적 으로 추 가 된 요소 에 js 를 추가 할 때 이벤트 의뢰 를 사용 해 야 합 니 다.거품 의 원 리 를 이용 하여 사건 을 아버지 급 에 올 려 집행 효 과 를 촉발 하 다.
예:

function afterText()
{
var txt1="I ";                    //   HTML      
var txt2=$("").text("love ");     //    jQuery      
var txt3=document.createElement("big");  //    DOM      
txt3.innerHTML="jQuery!";
$("img").after(txt1,txt2,txt3);          //   img        
}

js 추가:

$("ul").on("click","li",function(){
　　alert(1);
})

2. 첫 번 째 와 대체적으로 대상 을 만 든 다음 에 외부 대상 에 추가 합 니 다.

　　var node=document.createElement("li");

　　var textnode=document.createTextNode("Water");

　　node.appendChild(textnode);

　　document.getElementById("myList").appendChild(node);

3. angular. js, vue 등 을 사용 하여 데이터 바 인 딩 을 하고 페이지 에 직접 렌 더 링 합 니 다. 전 제 는 angular 를 사용 합 니 다.