1

从子域调用 json api 似乎是什么问题？

Asp.net MVC 动作


        [AllowAnonymous]
        [OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]
        public JsonResult getBalances()
        {
            var balances = new[]
                               {
                                   new {Id = 1, Balance = 3},
                                   new {Id = 2, Balance = 2},
                                   new {Id = 3, Balance = 1}
                               };
            return Json(balances, JsonRequestBehavior.AllowGet);
        }

jQuery代码


var url = "http://subdomain.mysite.com/getBalances/";

$.getJSON(url + '?callback=?', function (data) {
           alert(data);
        });

但是如果我使用 twitter api url，上面的脚本可以工作：


var url = "https://api.twitter.com/1/statuses/user_timeline.json?include_entities=true&include_rts=true&screen_name=twitterapi&count=2";

这是请求和响应标头

json响应是： [{"Id":1,"Balance":3},{"Id":2,"Balance":2},{"Id":3,"Balance":1}]

4

1 回答 1

3

我怀疑你违反了同源政策。该代码适用于 Twitter，因为 Twitter 支持JSONP，而您的控制器操作仅返回 JSON。

如果您导航到http://api.twitter.com/1/statuses/user_timeline.json?include_entities=true&include_rts=true&screen_name=twitterapi&count=2&callback=abc您会注意到 JSON 响应是如何与callback您作为查询字符串参数提供的包装在一起的：

abc([...])

如果你想在你的网站上实现同样的效果，你应该返回 JSONP。这是您可以使用的自定义 JSONP 操作结果的示例：

public class JsonpResult : ActionResult
{
    private readonly object _obj;

    public JsonpResult(object obj)
    {
        _obj = obj;
    }

    public override void ExecuteResult(ControllerContext context)
    {
        var serializer = new JavaScriptSerializer();
        var callbackname = context.HttpContext.Request["callback"];
        var jsonp = string.Format("{0}({1})", callbackname, serializer.Serialize(_obj));
        var response = context.HttpContext.Response;
        response.ContentType = "application/json";
        response.Write(jsonp);
    }
}

你的控制器动作变成：

[AllowAnonymous]
[OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]
public JsonResult getBalances()
{
    var balances = new[]
    {
        new { Id = 1, Balance = 3 },
        new { Id = 2, Balance = 2 },
        new { Id = 3, Balance = 1 }
    };
    return new JsonpResult(balances);
}

和电话：

var url = "http://subdomain.mysite.com/getBalances/";
$.getJSON(url + '?callback=?', function (data) {
    alert(data);
});
于 2012-07-18T08:11:23.413 回答