首頁 > 網際網路

如何使用ajax重新整理一個div

2019-12-11 22:41:19

使用ajax重新整理一個div,也就是人們常說的頁面區域性重新整理。

本文以asp.net mvc頁面,引入jquery,使用ajax方法演示如何實現區域性重新整理一個div,關於如何建立asp.net mvc專案,此前已有多篇介紹過了,且不是本文關注的重點,所以,建立專案過程不細講

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,偵錯模式執行頁面效果如下



IT145.com E-mail:sddin#qq.com