简单web api跨域调用案例

我使用的是VS2017

新建项目ASP.NET Web应用程序（.NET Framework）模板为空的Web Api  如下图：

创建web api控制器 右击Controllers文件夹-添加-控制器-web api控制器  控制器名称以Controller结尾

接下来在控制器中写入方法

方法名称要以get/post/put/delete开头

•根据传入的请求 URL 和HTTP 动词 (GET/POST/PUT/DELETE),Web API 决定执行哪个 Web API 控制器和操作方法。

•Get() 方法将处理 HTTP GET 请求。

•Post() 方法将处理 HTTP POST 请求。

•Put() 方法将处理 HTTP PUT 请求。

•Delete() 方法将处理 HTTP DELETE 请求。

如果前端使用get请求方式调用web api方法  则会自动调用以get开头的方法

若是传过来有参数，则会调用符合参数类型和个数的get方法，其他请求方式也是如此

服务端就算简单写完了

但是要跨域调用还要更改一下配置

在服务端的web.config中标签中插入一段代码 如下图：

在控制器中加入一个方法 如下图：

接下来创建客户端

新建项目ASP.NET Web应用程序（.NET Framework）模板为空 

然后右击添加一个web窗体，

（mvc视图也可以）

设计代码如下

 使用jQuery调用web api方法

如果服务端发布出去了，可以直接执行客户端

如果没有，需要先执行服务端 即web api 不要关闭，然后在执行客户端

上面Ajax的地址是执行服务端后从地址栏拿的端口号+api+控制器名称

CTRL+F5执行服务端，结果如图，正常

最终点击按钮调用方法结果如图