第一種:
比較常見的就是直接把字串拼接,然後插入到元素中。
var html=
''+ data.num +''
+ data.floor +''
+ data.name +''
+ data.money +'';
elem.innerhtml=html;
第二種:
與第一種大致,先建立物件,然後新增到外層物件中
var node=document.
createelement
("li");
var textnode=document.
createtextnode
("water");
node.
(textnode)
;document.
getelementbyid
("mylist").
(node)
;
第三種:
可以用網上mvvm框架,資料繫結比如:angular ,vue等
第四種:
模板的比如 (template.js)
我自己寫個小例子,不要噴我啊
<
!doctype html>
"utf-8"
>
<
/title>
<
/head>
"con"
>
<
/div>
var viewcommand =
function()
//>","
",""
].join(""
),title:[""
,"",''
,'',
"","
",].
join(""
)}; var html ="";
var formatestring =
function
(str, obj)
/g,function
(match, key))}
; var action =
}else},
display:
function
(conta, data, view)
document.
getelementbyid
(conta)
.innerhtml = html;
html ="";
}};return function excute
(msg)}(
);var tit =
var product =[,
]viewcommand()
viewcommand()
viewcommand()
<
/script>
<
/body>
<
/html>
JS之Ajax請求資料後渲染資料
ajax請求完介面之後拿到資料再使用js,在內進行拼接渲染結構,總覺得不太夠優雅,於是想到了字面量方式 先建立乙個模板 這裡的script type text template 是不會渲染結構也不會報js錯誤 將需要渲染替換的字段使用 進行包裹,例 敲黑板,重點js部分來了 這裡就不寫ajax請求了...
怎麼使用jquery中ajax來獲取資料,
好久沒有寫雞湯了,真的是三天不要學習,就不學習了,1玩小時定律 直接說怎麼寫是做好的,直說最簡單的方式,我一般習慣幫專案放在php環境的www目錄下執行.如果知道php的都知道怎麼回事,還是來說怎麼安裝這個吧 這裡要記得剛才你是安裝在哪個目錄下的,找到www目錄,我們直接來寫 以上說的都是廢話,正式...
vue非同步axios獲取的資料怎樣渲染到頁面
我們在vue,資料很多事非同步獲取來的,如果在template直接使用,會報錯,undefined。因為先渲染後得到的資料,那如何才能不報錯呢?computed 舉個例子 index.vue 忽略坑人的傳參方式。created 在建立時獲取資料,將其存入store 加入頁面只能這樣寫 equip.v...