我已經用盡了所有的研究方法來解決這個問題,所以希望其他人能夠想到我以前沒有的東西。
相對直接的設置,我有一個JavaScript頁面,使一個Ajax請求到一個URL(在同一個域中)在後臺的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>
你運行這個本地? – 2010-06-18 10:27:42
是的尼克所有這一切都運行在一個Java Web應用程序,因此在我的本地計算機上,目前爲http:// localhost:8090/ – roguepixel 2010-06-18 10:34:03
@roguepixel - 要進行快速測試,請嘗試使用'--disable命令行上的「-web-security」選項相同的結果? – 2010-06-18 10:36:27