首頁 > 網際網路

ajax獲取後端資料如何顯示在前端

2019-12-11 09:09:34

ajax從後台獲取的資料要展示在前台,只需要再ajax的success方法中對返回的不同格式資料拼接後,插入介面對應dom位置即可。

常用的jquery追加資料方法:append、after、before、text等

1

建立asp.net mvc演示專案:AjaxDemo


2

在AjaxDemo專案中:

1)新增資料夾Content,並新增Jquery檔案

2)新增HomeController

3)新增Index頁面


3

在Index頁面中:

1)新增JS參照

2)新增樣式

3)增加測試dom節點


4

執行效果如下:


5

在HomeController中,新增Ajax1、Ajax2兩個方法


6

Ajax1、Ajax2的方法詳細資訊如下:

1)Ajax1:後台拼裝字串返回

2)Ajax2:後台返回json物件



7

在Index頁面最後面新增js如下:


8

執行效果如下:



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