このシリーズは、フロントとリアエンド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.使用一般处理程序
创建一个一般处理程序