跨域支持与返回json数据--mvc访问api接口
api的设置
1.设置api接口返回json数据
App_Start-->WebApiConfig-->添加 config.Formatters.Clear();config.Formatters.Add(new JsonMediaTypeFormatter()); 两行代码
2.设置api跨域支持
2-1 工具-->nuget管理器-->控制台-->Install-Package Microsoft.AspNet.WebApi.Cors
2-2 App_Start-->WebApiConfig-->添加 config.EnableCors(new EnableCorsAttribute("*", "*", "*"));
3 设置api接口访问
App_Start-->WebApiConfig-->添加 routeTemplate: "api/{controller}/{action}/{id}",
ui 层javascript的设置
$('#btn3').click(function () {
$.ajax({
url: "http://localhost:1760/api/Test/IsSuccess",
type: "post",
contentType:"application/json",
data: JSON.stringify({ Name: "王五", Age: 3 }),--转换成功json,在浏览器查看的时候,能看到数据,否则已被序列化,同样不转换json,api接口同样拿不到数据
success: function (data) {
console.log(data);
}
});
});
浙公网安备 33010602011771号