ajax獲取數據后怎么去渲染到頁面?


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

對於請求回來的數據怎么渲染到相應的頁面呢,主要總結了以下幾種方法:

1.比較常見的就是字符串拼接的方式,如w3school上面提供的三中方式,配合jquery的append,prepend,after等方法插入到頁面中,如果要給對於元素添加樣式,可以直接給該元素加一個類名,在對應的css文件里修改其樣式即可,對動態添加上的元素添加js時需要使用事件委托,利用冒泡的原理,把事件加到父級上,觸發執行效果。

如:
function afterText() { var txt1="<b>I </b>"; // 以 HTML 創建新元素 var txt2=$("<i></i>").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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM