带有jQuery的Ajax跨域请求

Question

我试图使用$ .ajax（）对其进行外部调用，并且工作正常，服务器接收到该调用，但是在jquery.js第7760行中出现了萤火虫错误中的响应。一天，不要觉得我已经走得更远了。

$.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

干杯