Question

我尝试使用$ .ajax（）调用外部域并且它工作，服务器接收调用，但是在jquery.js行7760中的firebug错误响应。我一直在打我的头在这一整天，并不觉得我做得更远。

$.ajax({
            type: "GET",
            url: "http://admin:asdfg@149.50.143.241:81/stream.jpg",
            //data: {},
            //async: true,
            //contentType: "application/jsonp; charset=utf-8",
            //headers: {
            //    'User-Agent': 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/536.5 (KHTML, like Gecko) Chrome/19.0.1084.46 Safari/536.5',
            //    'Accept': '*/*',
            //    'Authorization': 'Basic ' + auth
            //},
            //timeout: 500,
            dataType: "jsonp",
            //crossDomain: true,
            beforeSend: function (req) {
                req.setRequestHeader('User-Agent', 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/536.5 (KHTML, like Gecko) Chrome/19.0.1084.46 Safari/536.5');
                req.setRequestHeader('Accept', '*/*');
                req.setRequestHeader('Authorization', 'Basic ' + auth);
            },
            success: function (data) {
                alert("Success");
            }
        });

Answer 1

jsonp响应必须包含在javascript方法调用中。（回调方法）。

假设响应是图像。 jquery看起来不太可能处理它。

Answer 2

我不知道你是否可以使用ajax调用来调用图像。

使用jsonp时，忽略ajax调用的beforeSend。

也许您必须让您的服务器了解并响应CORS。

这样的事情：

    protected override void OnStartProcessingRequest(ProcessRequestArgs args)
    {
        HttpContext context = HttpContext.Current;    // set cache policy to this page 

        context.Response.AddHeader("Access-Control-Allow-Origin", "*");
        if (context.Request.HttpMethod == "OPTIONS")
        {
            context.Response.AddHeader("Access-Control-Allow-Methods", "GET, POST, OPTIONS");
            context.Response.AddHeader("Access-Control-Allow-Headers", "X-Requested-With, Accept");
            context.Response.AddHeader("Access-Control-Max-Age", "3628800");
            context.Response.AddHeader("type", "application/json; charset=utf-8");
            context.Response.End();
        }
    }

并使用XDomainRequest和XMLHttpResquest在客户端进行调用。

看看这里：http://andre-pedroso.blogspot.pt/2011/02/javascript-consume-service-with-cross.html

干杯

使用jquery的Ajax跨域请求

2 个答案: