Question

可能重复：
cross-origin ‘Authorization’-header with jquery.ajax()

JQuery的

我正在使用 http://code.jquery.com/jquery-1.7.2.min.js

如果我在浏览器中输入＆gt; http://pol638_047fe0/JSON.HTML?FN=GetPages&PIN=7659，我会收到包含我的json内容的文件

的Javascript

var url = 'http://pol638_047fe0/JSON.HTML';

$.ajax({
url:      url,
type:     'GET',
dataType: 'json',
username: 'ADMIN',
password: '1234',
data: {
    'FN':  'GetPages',
    'PIN': '7659' 
},
xhrFields: {
    withCredentials: true
},
sucess: function(data) {
    alert('done');
    console.log('data', data);
}
});

Chrome开发者工具

控制台输出：Origin null错误

XMLHttpRequest cannot load http://pol638_047fe0/JSON.HTML?FN=GetPages&PIN=7659. Origin null is not allowed by Access-Control-Allow-Origin.

这并不会让我感到烦恼，因为服务器不应该关心谁使用正确的用户名和密码访问数据。

网络标题：

Request URL:http://pol638_047fe0/JSON.HTML?FN=GetPages&PIN=7659
Request Headersview source
Accept: '*/*'
Cache-Control: max-age=0
Origin: null
User-Agent: Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.11 (KHTML, like Gecko)       Chrome/23.0.1271.64 Safari/537.11
Query String Parametersview URL encoded
FN: GetPages
PIN: 7659

确定。这里肯定出了问题..

现在奇怪的是，如果我添加这个ajax调用代码：

...
$.ajax({
url : url,
data: {
    'FN'    : 'GetPages',
    'PIN'   : '7659' 
}
});

我在网络下收到了另一个JSON.HTML文件并且回复正确：

Request URL: http://pol638_047fe0/JSON.HTML?FN=GetPages&PIN=7659
Request Method: GET
Status Code: 200 OK
Request Headersview source
Accept: application/json, text/javascript, '*/*'; q=0.01
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding: gzip,deflate,sdch
Accept-Language: de-DE,de;q=0.8,en-US;q=0.6,en;q=0.4
Authorization: Basic QURNSU46U0JUQWRtaW4h
Cache-Control: max-age=0
Connection: keep-alive
Host: pol638_047fe0
Origin: null
User-Agent: Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.11 (KHTML, like Gecko)     Chrome/23.0.1271.64 Safari/537.11
Query String Parametersview URL encoded
FN: GetPages
PIN: 7659
Response Headersview source
Connection: close
Content-Type: application/octet-stream
Server: Keil-EWEB/2.1

响应：

[{"pg":0,"descr":"PC1"},{"pg":1,"descr":"PC2"},{"pg":2,"descr":"PC3"},{"pg":3,"descr":"HG1"},{"pg":4,"descr":"HG2"},{"pg":5,"descr":"HG3"},{"pg":6,"descr":"HG4"},{"pg":7,"descr":"DW1"},{"pg":8,"descr":"DW2"},{"pg":9,"descr":"CMN"}]

我已经没有想法了，我感谢任何帮助或建议！

选拔赛

将类型更改为jsonp有助于我收到响应，但没有多大帮助，因为我得到了一个Uncaught SyntaxError：意外的令牌ILLEGAL错误。我认为这是因为响应不是jsonp格式化的。有什么方法可以得到json的回应吗？

更改服务器上的访问标头。我无权这样做。

Answer 1

我建议你阅读这篇文章：http://www.codeproject.com/Articles/42641/JSON-to-JSONP-Bypass-Same-Origin-Policy

XMLHttpRequest（ajax请求）不允许您进行跨域调用。这是浏览器本身设置的限制。但是，如果您的Web服务（或Web API）在同一个域（与您的网站相同）上运行，它的效果非常好。查看Same_origin_policy

我似乎无法让我的$ .ajax调用正常工作

我已经没有想法了，我感谢任何帮助或建议！

1 个答案: