首頁 > 網際網路

前端如何呼叫後端介面

2019-12-11 23:26:29

前端呼叫後台介面,通常使用jquery的ajax方式實現,本文以asp.net mvc專案中的頁面呼叫後台方法,使用visual studio 2017開發工具(其他版本的也可以)為例,為您一步一步的演示整個過程,希望對您有所參考

1

開啟vs,建立空的asp.net mvc演示專案【WebMVC】

    1)依次點選【檔案】->【新建】->【專案】

    2)在【新建專案】介面選擇【Web】->【ASP.NET Web 應用程式(.NET Framework)】,輸入名稱,選擇框架至少4.5版本,點選【確定】按鈕

    3)選擇【空】->【MVC】->【確定】  

    4)建立好的專案如圖所示




2

在專案中

    1)在Controllers資料夾上點選滑鼠右鍵,依次選擇【新增】->【控制器】,即可完成HomeController的建立

    2)在Controller的Index方法內,點選滑鼠右鍵,選擇【新增檢視】

    3)在專案中新增資料夾【Content】並新增jquery原始檔

    4)在Index頁面新增jquery的參照




3

在HomeController中新增新的方法,用於接收前台傳入的引數,組裝後返回


4

在Index頁面中新增一個輸入文字方塊,一個按鈕,以及顯示結果的dom


5

在Index頁面,新增Jquery的ajax方式,呼叫後台介面,返回結果的處理程式碼


6

在vs中,按F5偵錯執行結果如下

     1)在文字方塊中輸入內容

     2)點選按鈕,呼叫介面,並將返回值顯示在介面


7

如果要提交大量資料,或者敏感資料,請修改ajax的type方式,這樣引數就不會在url位址列中顯示了



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