讓網頁顯示ajax的查詢資料

2022-01-16 10:19:36 字數 1413 閱讀 5363

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

一直以來我這個小專案需要訪問ashx來生成html的**.後台用的razor模板引擎.

剛開始顯示使用者列表時.因為是顯示到了另乙個介面(其實就是另乙個網頁).razor直接輸出沒什麼問題

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

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

不能像最上面那張圖那樣顯示了.我的想法破滅了.

於是乎,又開始想辦法.既然需要返回到當前頁面.那麼直接表單提交也許可以.但是表單提交需要重新整理.還要改好多**.不太喜歡.就放棄了.感覺還是有辦法的.

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

不要返回網頁源**.返回資料.然後寫for迴圈繫結.

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

於是乎...想到了innerhtml

直接改變元素的html**,用razor替換**.替換好後.傳給ajax的data.然後用innerhtml一賦值.就ok了

需要替換的html**

然後頁面裡寫乙個.用dom獲取此元素.var tb = document.getelementbyid("tb");然後tb.innerhtml = 上面的那部分html**(用ajax返回);

於是乎就ok.是不是有人覺的這樣麻煩.但是我就是想要用razor.........

最後,效果圖

雖然寫文章沒有多長.但是我卡在這個問題上面真的用了很長時間.從下午到晚上.一遍一遍除錯找**出錯.**邏輯不對.各種各樣的問題.弄的頭都大了.

但是我相信.同為程式設計師的你.應該明白我這種情況.卡在乙個問題上好久.當時覺的很難.各種努力解決後.回過來看.好像沒那麼難了.

最後.我是新手.輕噴.的上傳太難用了.速度真慢.乙個圖上傳好幾次.才成功.歧視我的網路嘛.我是 鐵通網.....

關於Ajax返回的資料顯示到網頁的問題

先說明下我的問題 我想做乙個仿google suggest的搜尋框,輸入keyword時會返回一些資料,再顯示到搜尋框的下方的div中。我已經成功獲取的返回的資料,可是我不知道怎樣將資料按照一定的格式顯示到網頁中。這是我js裡面的 function search function callback ...

ajax查詢資料的舉例

1.根據下拉框的值非同步查詢資訊 html 如下 conn.php result conn query select from link order by id desc 請選擇 key 0 請選擇 fetch assoc select 10 6.php content type text html...

ajax動態查詢資料庫資料並顯示在前台

今天做了乙個ajax動態查詢資料庫的小demo,又重新學習了一下ajax的一些知識。在此和大家分享一下.啥都別說了,先上 controller層 查詢總使用者數 public responsebody long findtotalusers service層 public long findtota...