一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

PHP教程|ASP.NET教程|Java教程|ASP教程|編程技術|正則表達式|C/C++|IOS|C#|Swift|Android|VB|R語言|JavaScript|易語言|vb.net|

服務器之家 - 編程語言 - ASP.NET教程 - ajax添加數據后如何在網頁顯示

ajax添加數據后如何在網頁顯示

2019-12-19 11:59study的貓 ASP.NET教程

這篇文章主要介紹了ajax添加數據顯示在網頁上,此文是通過ajax獲取后臺json數據來實現此功能,需要的朋友可以參考下

下面通過圖文并茂的方式展示給大家,具體內容如下所述: 

  今天下午做一個項目小練習.需要把查詢日志的內容顯示到網頁上來.一開始陷入了一個誤區.

  一直以來我這個小項目需要訪問ashx來生成html的代碼.后臺用的Razor模板引擎.

  剛開始顯示用戶列表時.因為是顯示到了另一個界面(其實就是另一個網頁).razor直接輸出沒什么問題

ajax添加數據后如何在網頁顯示

  但是下面這個需要顯示到當前頁面的下面

ajax添加數據后如何在網頁顯示

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

ajax添加數據后如何在網頁顯示

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

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

  百度之...

  不要返回網頁源代碼.返回數據.然后寫for循環綁定.

ajax添加數據后如何在網頁顯示

  不過還是不太喜歡.因為我不想放棄razor.

  于是乎...想到了innerHTML

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

  需要替換的html代碼

ajax添加數據后如何在網頁顯示

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

  最后,效果圖

ajax添加數據后如何在網頁顯示

 以上所述是針對ajax的查詢數據在網頁顯示的全部內容,希望對大家有所幫助。

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 91天堂视频 | 国产麻豆91网在线看 | www.四虎.com | 肉浦团在线观看 | 美女在线看永久免费网址 | 亚洲欧美在线观看一区二区 | 俄罗斯一级淫片 | 色综合久久中文字幕 | 亚洲精品乱码久久久久久蜜桃欧美 | 亚洲国产欧美久久香综合 | 色网在线观看 | 男人狂擦女人的下面视频 | 国产在线观看福利片 | 四虎麻豆 | 男人j放进女人的p视频免费 | 精品日韩欧美一区二区三区在线播放 | 国产精品久久免费 | 精品一区二区国语对白 | 天码毛片一区二区三区入口 | 精品国语对白精品自拍视 | 经典千人斩一区二区视频 | 成人免费一区二区三区在线观看 | 亚洲女人国产香蕉久久精品 | 波多野结衣小说 | 国产精品第一 | 国内精品99| 国产美女亚洲精品久久久综合91 | 日韩欧美一区二区三区中文精品 | 波多野给衣一区二区三区 | 四虎地址 | 男人天堂新 | 亚洲国产精品牛在线 | 欧美极品brazzers 高清 | 亚洲欧美成人中文在线网站 | adc 我们的永久网址 | 美女把小内内脱个精光打屁屁 | 国产色视频网站 | 国产精自产拍久久久久久 | 无码人妻少妇色欲AV一区二区 | 黄瓜污视频 | 亚洲欧美另类第一页 |