$.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