ajax添加數(shù)據(jù)后如何在網(wǎng)頁(yè)顯示
下面通過圖文并茂的方式展示給大家，具體內(nèi)容如下所述：
今天下午做一個(gè)項(xiàng)目小練習(xí).需要把查詢?nèi)罩镜膬?nèi)容顯示到網(wǎng)頁(yè)上來.一開始陷入了一個(gè)誤區(qū).
一直以來我這個(gè)小項(xiàng)目需要訪問ashx來生成html的代碼.后臺(tái)用的Razor模板引擎.
剛開始顯示用戶列表時(shí).因?yàn)槭秋@示到了另一個(gè)界面(其實(shí)就是另一個(gè)網(wǎng)頁(yè)).razor直接輸出沒什么問題
但是下面這個(gè)需要顯示到當(dāng)前頁(yè)面的下面
當(dāng)我ajax提交后.razor模板引擎拼接后的代碼.確是返回到了ajax中的data中
不能像最上面那張圖那樣顯示了.我的想法破滅了.
于是乎,又開始想辦法.既然需要返回到當(dāng)前頁(yè)面.那么直接表單提交也許可以.但是表單提交需要刷新.還要改好多代碼.不太喜歡.就放棄了.感覺還是有辦法的.
從新建個(gè)頁(yè)面.但是那樣的話上面的那些按鈕什么的就沒了,不美觀.這個(gè)新建的頁(yè)面放到這個(gè)頁(yè)面的下面.怎么放?用ifarme.好像很麻煩.
百度之...
不要返回網(wǎng)頁(yè)源代碼.返回?cái)?shù)據(jù).然后寫for循環(huán)綁定.
不過還是不太喜歡.因?yàn)槲也幌敕艞塺azor.
于是乎...想到了innerHTML
直接改變?cè)氐膆tml代碼,用razor替換代碼.替換好后.傳給ajax的data.然后用innerHTML一賦值.就OK了
需要替換的html代碼
然后頁(yè)面里寫一個(gè)<table id="tb"></table>.用dom獲取此元素.var tb = document.getElementById("tb");然后tb.innerHTML = 上面的那部分html代碼(用ajax返回);
于是乎就ok.是不是有人覺的這樣麻煩.但是我就是想要用razor.........
最后,效果圖
以上所述是針對(duì)ajax的查詢數(shù)據(jù)在網(wǎng)頁(yè)顯示的全部?jī)?nèi)容，希望對(duì)大家有所幫助。
相關(guān)文章
.NET?Core利用BsonDocumentProjectionDefinition和Lookup進(jìn)行?join?
這篇文章主要介紹了.NET?Core利用BsonDocumentProjectionDefinition和Lookup進(jìn)行join關(guān)聯(lián)查詢，這里主要介紹一下查詢角色的所有用戶的例子，文章結(jié)合實(shí)例代碼給大家詳細(xì)講解,需要的朋友可以參考下2022-10-10
ASP.NET?MVC增加一條記錄同時(shí)添加N條集合屬性所對(duì)應(yīng)的個(gè)體
這篇文章介紹了ASP.NET?MVC增加一條記錄同時(shí)添加N條集合屬性所對(duì)應(yīng)個(gè)體的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-08-08
ASP.NET與ASP互通COOKIES的一點(diǎn)經(jīng)驗(yàn)
ASP與ASP.NET互相整合時(shí)，其中文COOKIES信息無法被互通共享，當(dāng)使用ASP.NET寫入中文COOKIES信息后，使用ASP進(jìn)行讀取，讀出來的卻是亂碼，而非中文。2010-03-03
asp.net下使用Request.From獲取非服務(wù)器控件的值的方法
asp.net下使用Request.From獲取非服務(wù)器控件的值的方法，需要的朋友可以參考下。2010-03-03
在做網(wǎng)站開發(fā)的時(shí)候，常常需要獲取，服務(wù)器的一些基本信息，怎么獲取呢，請(qǐng)參閱下面的簡(jiǎn)單介紹：2013-07-07
獲取遠(yuǎn)程網(wǎng)頁(yè)的內(nèi)容之一（downmoon原創(chuàng)）
獲取遠(yuǎn)程網(wǎng)頁(yè)的內(nèi)容之一（downmoon原創(chuàng)）...2007-03-03
vb 中的MD5加密在asp.net中的實(shí)現(xiàn)
給定標(biāo)識(shí)哈希類型的密碼和字符串，該例程產(chǎn)生一個(gè)適合存儲(chǔ)在配置文件中的哈希密碼，感興趣的朋友可以參考下本文2013-04-04
本文摘自一位哥們的QQ空間里，自認(rèn)為方案比較可行，也確實(shí)解決了開發(fā)中的這一類問題，非原創(chuàng)，寫在此是為以后自己能方便的找到，也希望對(duì)其他的朋友有幫助。2009-10-10
vs.Net2003無法打開或創(chuàng)建Web應(yīng)用程序若干解決辦法.
這篇文章主要介紹了vs.Net2003無法打開或創(chuàng)建Web應(yīng)用程序若干解決辦法.2006-10-10
ASP.NET實(shí)現(xiàn)圖形驗(yàn)證碼功能
ASP.NET 實(shí)現(xiàn)圖形驗(yàn)證碼能夠增強(qiáng)網(wǎng)站安全性,防止機(jī)器人攻擊,本文介紹了如何使用 C# 和 ASP.NET 創(chuàng)建一個(gè)簡(jiǎn)單而有效的圖形驗(yàn)證碼系統(tǒng),包括生成隨機(jī)驗(yàn)證碼、繪制驗(yàn)證碼圖像以及將圖像輸出到客戶端等步驟,感興趣的朋友一起看看吧2024-03-03