jQuery $ .ajax响应为空,但仅限Chrome

Question

我已经用尽了所有研究方法来解决这个问题,所以希望其他人会想到我没有做过的事情.

相对简单的设置,我有一个带有一些javascript的html页面,它对URL(在同一个域中)发出ajax请求,后台的java web应用程序执行其内容并返回部分html页面(没有html,头部或正文)标签,只是内容)应插入页面中的特定点.

一切听起来都很简单,我在IE,Firefox和Safari中使用的代码,但在Chrome中却没有.在Chrome中,目标元素最终为空,如果我查看Chromes开发人员工具中的资源请求,则响应内容也为空.

一切都非常令人困惑,我已经尝试了无数的东西来解决它,我只是出于想法.任何帮助将不胜感激.

var container = $('#container');

$.ajax({
    type: 'GET',
    url: '/path/to/local/url',
    data: data('parameters=value&another=value2'),
    dataType: 'html',
    cache: false,
    beforeSend: requestBefore,
    complete: requestComplete,
    success: requestSuccess,
    error: requestError
});

function data(parameters) {
    var dictionary = {};
    var pairs = parameters.split('&');
    for (var i = 0; i < pairs.length; i++) {
        var keyValuePair = pairs[i].split('=');
        dictionary[keyValuePair[0]] = keyValuePair[1];
    }
    return dictionary;
}

function requestBefore() {
    container.find('.message.error').hide();
    container.prepend('<div class="modal"><div class="indicator">Loading...</div></div>');
}

function requestComplete() {
    container.find('.modal').remove();
}

function requestSuccess(response) {
    container.empty();
    container.html(response);
}

function requestError(response) {
    if (response.status == 200 && response.responseText == 'OK') {
        requestSuccess(response);
    } else {
        container.find('.message.error').fadeIn('slow');
    }
}

所有这些都在$(document).ready(function(){})中执行;

干杯,吉姆

@Oleg - 请求的其他信息,ajax调用可能收到的响应示例.

<p class="message error hidden">An unknown error occured while trying to
retrieve data, please try again shortly.</p>
<div class="timeline">
   <a class="icon shuttle-previous"
rel="max_id=16470650733&page=1&q=something">Newer Data</a>
   <a class="icon shuttle-next"
rel="max_id=16470650733&page=3&q=something">Older Data</a>
</div>
<ol class="social">
   <li class="even">
       <div class="avatar">
           <img src="sphere_normal.gif"/>
       </div>
       <p>
           Some Content<br/>
           <span class="published">Jun 18, 2010 11:29:05 AM</span> - <a
target="_blank" href="">Direct Link</a>
       </p>
   </li>
   <li class="odd">
       <div class="avatar">
           <img src="sphere_normal.gif"/>
       </div>
       <p>
           Some Content<br/>
           <span class="published">Jun 18, 2010 11:29:05 AM</span> - <a
target="_blank" href="">Direct Link</a>
       </p>
   </li>
</ol>
<div class="timeline">
   <a class="icon shuttle-previous"
rel="max_id=16470650733&page=1&q=something">Newer Data</a>
   <a class="icon shuttle-next"
rel="max_id=16470650733&page=3&q=something">Older Data</a>
</div>

Answer 1

Chrome在本地文件安全方面自力更生，因此没有使用相对路径的AJAXing本地文件： http://code.google.com/p/chromium/issues/detail ?id=47416