Asp.net学習記録()を使用してasp.netビルドWEBAPIインタフェース

このシリーズは、フロントとリアエンドAsp.netビルド別のブログサイトを使用しています。

asp.netプロジェクトを作成します。

私たちは、空のテンプレートで、ここで使用し、HTTPSを設定(ない最初のセキュリティ設定を)削除します

ビルドWEBAPIインタフェースには多くの方法がありますが、ここでは2種類を構築するための最も簡単な方法を選択してください。

1.WebForm

Webフォームを作成します。

 

フォームのコードファイルサーバーロジックを開きます

次のメソッドを追加します。

[注:メソッドはWebMethod属性のプロパティを追加する必要があり、設定された静的]

[WebMethod属性]
 パブリック 静的 文字列のsayHello()
{ 
    リターン " こんにちは、Asp.Net " 
}

 AJAXを使用して、要求は、バックエンドサーバー、jQueryのご紹介します

ここで私はnugetインストールを使用します

 

 

 

 

 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>

在浏览器中我们看到,已经取得了后端的数据

 

2.使用一般处理程序

创建一个一般处理程序

 

 

 

おすすめ

転載: www.cnblogs.com/Fasty/p/12016270.html