如何使用ajax刷新一個div
利用ajax刷新一個div，也就是人們常說的頁面局部刷新。
本文以asp.net mvc頁面，引入jquery，利用ajax方式演示若何實現局部刷新一個div，關于若何建立asp.net mvc項目，此前已有多篇介紹過了，且不是本文存眷的重點，所以，建立項目過程不細講
東西/原料
- visual studio 2017
- .NET Framework 4.5+
方式/步調
- 1
建立asp.net mvc項目
1）打開visual studio 2017，新建asp.net mvc項目【MVCAjax】
2）用于演示ajax從后臺獲取數據填充到前臺頁面的div
- 2
添加Controller、頁面、添加Jquery文件
1）在Controller文件夾上右鍵選擇【添加】->【節制器】
2）在Controller中右鍵添加Index視圖頁面
3）在【MVCAjax】項目中新建Content文件夾，把Jquery文件添加都此文件夾中
- 3
在Index頁面中引入jquery，并添加測試dom節點
1）兩個div，一個用于顯示固心猿意馬內容，另一個div用于刷新
2）一個按鈕用于點擊時，利用ajax獲取后臺內容，刷新div
- 4
在Controller中添加多一個方式，用于頁面ajax請求此方式，返回內容
- 5
在Index頁面添加jquery的ajax代碼，挪用后臺方式，刷新div
- 6
在visual studio中按F5，調試模式運行頁面結果如下
- 發表于 2018-11-03 00:00
- 閱讀 ( 956 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章