Asp.net 學習記錄(一)使用asp.net 構建webAPI介面

来源:https://www.cnblogs.com/Fasty/archive/2019/12/10/12016270.html

此系列使用Asp.net構建前後端分離的博客網站。 創建一個asp.net項目 我們這裡使用的是空模板,把Https配置去掉(安全先不配置) 構建webapi介面有很多方法,在這裡我們選擇最簡單的2種方式進行搭建。 1.WebForm 創建一個webForm 打開窗體的伺服器邏輯代碼文件 添加如下方 ...


此系列使用Asp.net構建前後端分離的博客網站。

創建一個asp.net項目

我們這裡使用的是空模板,把Https配置去掉(安全先不配置)

構建webapi介面有很多方法,在這裡我們選擇最簡單的2種方式進行搭建。

1.WebForm

創建一個webForm

 

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

添加如下方法

【註意:其方法必須添加WebMethod特性,並設置為靜態的】

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

 導入JQuery,之後將使用ajax請求後端伺服器

在這裡我使用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.使用一般處理程式

創建一個一般處理程式

 

 

 


您的分享是我們最大的動力!

更多相關文章
  • using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Data; using System.Co... ...
  • 1 //要執行的業務是從阿裡雲上下載將近40000條的音頻到本地,單條下載忒慢,就想採用多線程,分配了二十個線程同時下載,省了很大部分的時間 class Program 2 { 3 4 static void Main(string[] args) { 5 string sql = "select ... ...
  • 1.Anchor屬性設置 1.Anchor屬性設置 1.Anchor屬性設置 對需要設置的控制項,如主窗體中的TextBox,設置Anchor為上下左右都停靠,就會實現隨著窗體的變化而變化。 2.AutoScaleMode屬性的用法:《轉自:https://www.cnblogs.com/lmcblo ...
  • 一、簡要介紹 ABP vNext 封裝了兩種事件匯流排結構,第一種是 ABP vNext 自己實現的本地事件匯流排,這種事件匯流排無法跨項目發佈和訂閱。第二種則是分散式事件匯流排,ABP vNext 自己封裝了一個抽象層進行定義,並使用 RabbitMQ 編寫了一個基本實現。 在使用方式上,兩種事件匯流排的作 ...
  • 使用docker運行netcore站點 1.新建一.netcore測試站點,dotnet publish 發佈到publish目錄下 2.編寫Dockerfile文件 3.打包上傳到centos伺服器,Dockerfile裡面的COPY命令的文件上下文環境就是Dockerfile所在目錄 4.在當前 ...
  • 原文:https://blogs.msdn.microsoft.com/mazhou/2017/10/05/c-7-series-part-5-private-protected/ C#有幾個可訪問性修飾符,public、internal、internal protected和private。 pu ...
  • Netnr.FileServer 基於 .NET Core 的簡單文件伺服器,資料庫為SQLite 源碼 https://github.com/netnr/blog https://gitee.com/netnr/blog 為了方便維護公共類庫,項目放置一個解決方案,沒有分開 配置 為配置文件 正式 ...
  • 這是 站點的源代碼 源碼 框架組件 jQuery + Bootstrap4 .NET Core (latest) EF + Linq 支持:SQLServer、MySQL、PostgreSQL、SQLite、InMemory等 ==================================== ...
一周排行
  • 比如要拆分“呵呵呵90909086676喝喝999”,下麵當type=0返回的是中文字元串“呵呵呵,喝喝”,type=1返回的是數字字元串“90909086676,999”, private string GetStrings(string str,int type=0) { IList<strin ...
  • Swagger一個優秀的Api介面文檔生成工具。Swagger可以可以動態生成Api介面文檔,有效的降低前後端人員關於Api介面的溝通成本,促進項目高效開發。 1、使用NuGet安裝最新的包:Swashbuckle.AspNetCore。 2、編輯項目文件(NetCoreTemplate.Web.c ...
  • 2020 年 7 月 30 日, 由.NET基金會和微軟 將舉辦一個線上和為期一天的活動,包括 微軟 .NET 團隊的演講者以及社區的演講者。本次線上大會 專註.NET框架構建微服務,演講者分享構建和部署雲原生應用程式的最佳實踐、模式、提示和技巧。有關更多信息和隨時瞭解情況:https://focu... ...
  • #abp框架Excel導出——基於vue #1.技術棧 ##1.1 前端採用vue,官方提供 UI套件用的是iview ##1.2 後臺是abp——aspnetboilerplate 即abp v1,https://github.com/aspnetboilerplate/aspnetboilerp ...
  • 前言 本文的文字及圖片來源於網路,僅供學習、交流使用,不具有任何商業用途,版權歸原作者所有,如有問題請及時聯繫我們以作處理。 作者:碧茂大數據 PS:如有需要Python學習資料的小伙伴可以加下方的群去找免費管理員領取 input()輸入 Python提供了 input() 內置函數從標準輸入讀入一 ...
  • 從12年到20年,python以肉眼可見的趨勢超過了java,成為了當今It界人人皆知的編程語言。 python為什麼這麼火? 網路編程語言搜索指數 適合初學者 Python具有語法簡單、語句清晰的特點,這就讓初學者在學習階段可以把精力集中在編程對象和思維方法上。 大佬都在用 Google,YouT ...
  • 在社會上存在一種普遍的對培訓機構的學生一種歧視的現象,具體表現在,比如:當你去公司面試的時候,一旦你說了你是培訓機構出來的,那麼基本上你就涼了,那麼你瞞著不說,然後又通過了面試成功入職,但是以後一旦在公司被髮現有培訓經歷,可能會面臨被降薪,甚至被辭退,培訓機構出來的學生,在用人單位眼裡就是能力低下的 ...
  • from typing import List# 這道題看了大佬寫的代碼,經過自己的理解寫出來了。# 從最外圍的四周找有沒有為O的,如果有的話就進入深搜函數,然後深搜遍歷# 判斷上下左右的位置是否為Oclass Solution: def solve(self, board: List[List[s ...
  • import requests; import re; import os; # 1.請求網頁 header = { "user-agent":'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, li ...
  • import requests; import re; import os; import parsel; 1.請求網頁 header = { "user-agent":'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537. ...