Question

我是ASP.NET Web API的初学者无法使用jQuery.getJson()获取ASP.NET Web API

这失败了：

//in "file:///C:/Users/lil/Desktop/index.html"
var url = "http://localhost:56110/api/Values";
$.getJSON(url, function (data) {
    $("#locMsg").text("success"+data);
});`

这成功了：

//in "http://localhost:56110/index.html"
var url = "http://localhost:56110/api/Values";
$.getJSON(url, function (data) {
    $("#locMsg").text("success"+data);
});

我虽然是因为跨域请求，但这成功了：

//in "file:///C:/Users/lil/Desktop/index.html"
var url = "http://api.flickr.com/services/feeds/photos_public.gne?tags=dog&tagmode=any&format=json&jsoncallback=?";
$.getJSON(url, function (data) {
    $("#locMsg").text("success");
});

然后我尝试添加“jsoncallback =？”但也失败了：

//in "file:///C:/Users/lil/Desktop/index.html"
var url = "http://localhost:56110/api/Values?jsoncallback=?";
$.getJSON(url, function (data) {
    $("#locMsg").text("success"+data);
});

ValuesController：

namespace WebApplication1.Controllers{
public class ValuesController : ApiController
{
    // GET api/values
    public IEnumerable<string> Get()
    {
        return new string[] { "value1", "value2" };
    }`

    `// GET api/values/5
    public string Get(int id)
    {
        return "value";
    }

    // POST api/values
    public void Post([FromBody]string value)
    {
    }

    // PUT api/values/5
    public void Put(int id, [FromBody]string value)
    {
    }

    // DELETE api/values/5
    public void Delete(int id)
    {
    }
}

} }

Answer 1

您需要在WebAPI中启用CORS。首先，安装此Nuget - https://www.nuget.org/packages/Microsoft.AspNet.WebApi.Cors，然后将此行添加到WebApiConfig：

config.EnableCors(new EnableCorsAttribute("*","*","*"));

WebApiConfig：

public static class WebApiConfig
{
    public static void Register(HttpConfiguration config)
    {

        config.EnableCors(new EnableCorsAttribute("*","*","*"));

        // Web API configuration and services
        // Configure Web API to use only bearer token authentication.
        config.SuppressDefaultHostAuthentication();
        config.Filters.Add(new HostAuthenticationFilter(OAuthDefaults.AuthenticationType));

        // Web API routes
        config.MapHttpAttributeRoutes();

        config.Routes.MapHttpRoute(
            name: "DefaultApi",
            routeTemplate: "api/{controller}/{id}",
            defaults: new { id = RouteParameter.Optional }
        );
    }

使用jQuery.getJson获取Web API

1 个答案: