跨域支持与返回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);
                    }
                });
            });

 

posted @ 2016-04-05 09:53  蜡笔小新0998  阅读(404)  评论(0)    收藏  举报