ajax獲取資料後怎麼去渲染到頁面

2021-10-25 05:50:31 字數 1565 閱讀 6068

第一種:

比較常見的就是直接把字串拼接,然後插入到元素中。

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