溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

利用ajax添加的數(shù)據(jù)怎么在網(wǎng)頁顯示

發(fā)布時(shí)間:2021-01-11 16:00:40 來源:億速云 閱讀:163 作者:Leah 欄目:開發(fā)技術(shù)

利用ajax添加的數(shù)據(jù)怎么在網(wǎng)頁顯示?針對這個(gè)問題,這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答,希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡單易行的方法。

ajax提交后.razor模板引擎拼接后的代碼.確是返回到了ajax中的data中

利用ajax添加的數(shù)據(jù)怎么在網(wǎng)頁顯示

  不能像最上面那張圖那樣顯示了.我的想法破滅了.
  于是乎,又開始想辦法.既然需要返回到當(dāng)前頁面.那么直接表單提交也許可以.但是表單提交需要刷新.還要改好多代碼.不太喜歡.就放棄了.感覺還是有辦法的.

  從新建個(gè)頁面.但是那樣的話上面的那些按鈕什么的就沒了,不美觀.這個(gè)新建的頁面放到這個(gè)頁面的下面.怎么放?用ifarme.好像很麻煩.

  百度之...

  不要返回網(wǎng)頁源代碼.返回?cái)?shù)據(jù).然后寫for循環(huán)綁定.

利用ajax添加的數(shù)據(jù)怎么在網(wǎng)頁顯示

  不過還是不太喜歡.因?yàn)槲也幌敕艞塺azor.

  于是乎...想到了innerHTML

  直接改變元素的html代碼,用razor替換代碼.替換好后.傳給ajax的data.然后用innerHTML一賦值.就OK了

  需要替換的html代碼

利用ajax添加的數(shù)據(jù)怎么在網(wǎng)頁顯示

  然后頁面里寫一個(gè)<table id="tb"></table>.用dom獲取此元素.var tb = document.getElementById("tb");然后tb.innerHTML = 上面的那部分html代碼(用ajax返回);
 
    于是乎就ok.是不是有人覺的這樣麻煩.但是我就是想要用razor.........

  最后,效果圖

利用ajax添加的數(shù)據(jù)怎么在網(wǎng)頁顯示

關(guān)于利用ajax添加的數(shù)據(jù)怎么在網(wǎng)頁顯示問題的解答就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI