Asp.net 學習記錄（一）使用asp.net 構建webAPI接口

時間 2019-12-16

標籤 asp.net asp 學習記錄使用構建 webapi 接口欄目 ASP 简体版

原文原文鏈接

此係列使用Asp.net構建先後端分離的博客網站。javascript

建立一個asp.net項目html

咱們這裏使用的是空模板，把Https配置去掉（安全先不配置）前端

構建webapi接口有不少方法，在這裏咱們選擇最簡單的2種方式進行搭建。java

1.WebForm

建立一個webFormjquery

打開窗體的服務器邏輯代碼文件web

添加以下方法ajax

【注意：其方法必須添加WebMethod特性，並設置爲靜態的】json

[WebMethod]
public static string SayHello()
{
    return "Hello,Asp.Net";
}

導入JQuery，以後將使用ajax請求後端服務器後端

在這裏我使用nuget安裝api

編寫前端頁面經過ajax請求

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8" />
 5     <title>首頁</title>
 6 </head>
 7 <body>
 8     <button id="click">點我</button>
 9 </body>
10 </html>
11 
12 <script src="Scripts/jquery-3.4.1.min.js"></script>
13 <script type="text/javascript">
14 
15     //入口
16     $(document).ready(function () {
17 
18         //綁定事件
19         $('#click').click(function () {
20             //ajax
21             $.ajax({
22                 url: "Home.aspx/SayHello",
23                 type: "post",
24                 contentType: 'application/json; charset=utf-8',
25                 dataType: "json",
26                 success: function (res) {
27 
28                     alert(res.d);
29                 },
30                 error: function () {
31                     alert('請求失敗');
32                 }
33             });
34         });
35     });
36 </script>