C#+.netFrameWork4.5.2+WebAPI+Jquery+Ajax跨域请求问题

当前位置：网站建设 > 技术支持

C#+.netFrameWork4.5.2+WebAPI+Jquery+Ajax跨域请求问题

资料来源：网络整理时间：2023/2/14 1:05:28 共计：3676 浏览

选中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>

</body>

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：C# jquery ajax上传图片 webapi | ·下一条：阿里云OSS服务-图片处理