发布：2022/5/25 22:41:03作者：管理员 来源：本站 浏览次数：1080
选中webAPI项目=》nuget包管理器=》输入microsoft.aspnet.webapi.cors=》安装
在webAPI controller控制器设置Cors ，并新建TestModel
[EnableCorsAttribute("*", "*", "*")]
public class TestController : ApiController
{
public string Post(TestModel text)
{
return "Post";
}
}
在App_Start文件夹中的WebApiConfig.cs文件中注册Cors功能
public static class WebApiConfig
{
public static void Register(HttpConfiguration config)
{
// Web API 配置和服务
// Web API 路由
config.MapHttpAttributeRoutes();
//config.EnableCors();
config.EnableCors(new EnableCorsAttribute("*", "*", "*"));
config.Routes.MapHttpRoute(
name: "DefaultApi",
routeTemplate: "api/{controller}/{id}",
defaults: new { id = RouteParameter.Optional }
);
}
}
前端页面代码
function aaa() {
var aa = $(‘#aaa‘).val();
var bb = $(‘#bbb‘).val();
var testinfo = { "aa": aa, "bb": bb }
//var your_object = JSON.parse(json_text);
jQuery.support.cors = true;
$.ajax({
url: ‘http://localhost:00000/api/Test‘,
type: ‘POST‘,
async: true,
dataType: "json",
contentType: ‘application/json;charset=utf-8‘,
//contentType: ‘application/x-www-form-urlencoded‘,
data: JSON.stringify(testinfo),
//data: { a: ‘zhangsan‘ },
success: function (data) {
console.log(data),
alert(‘请求成功‘)
},
error: function (xhr) {
console.log(),
alert(‘请求失败‘)
}
});
}
前端页面html代码
<body>
<input type="text" id="aaa" value="aaaa" />
<input type="text" id="bbb" value="bbbb" />
<input type="button" id="aaa" value="请求" onclick="aaa()" />
</body>
