我已经用尽所有研究途径来解决这个问题，所以希望其他人会想到我刚刚没有想到的东西。

相对简单的设置，我有一个带有一些 javascript 的 html 页面，它向 URL(在同一域中)发出 ajax 请求，后台的 java web 应用程序执行它的工作并返回部分 h​​tml 页面(没有 html， head 或 body 标签，只是内容)应该插入到页面的特定位置。

一切听起来都很简单，我的代码可以在 IE、Firefox 和 Safari 中运行，但不能在 Chrome 中运行。在 Chrome 中，目标元素最终为空，如果我在 Chrome 开发者工具中查看资源请求，响应内容也为空。

一切都非常困惑，我已经尝试了无数种方法来解决它，但我只是没有想法。任何帮助将不胜感激。

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>

最佳答案

我刚刚解决了一个类似的问题，并认为我会发布我的解决方案以防它对其他人有用。

只有 Firefox 和 Chrome 显示空的 ajax 响应，所以这似乎是一个跨域问题，但所有内容都在同一域中。

事实证明，我多余且愚蠢地硬编码到我的 ajax url 中的“www.”是罪魁祸首。如果我一直在使用相对路径，一切都会好起来的。

我在那个特定时刻将我的测试站点打开为“http://domain.com”，没有“www.”，因此 Firefox 和 Chrome 将其视为不同的域。导航到“http://www.domain.com”导致 ajax 调用在所有浏览器中工作。

因此，鉴于您写道:

url: '/path/to/local/url'

..按照惯例，当我们不想公开我们的路径时，我忍不住想知道你是否真的像我一样写了一个绝对路径......？

关于javascript - jQuery $.ajax 响应为空，但仅在 Chrome 中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3068808/