Tôi đã cạn kiệt mọi đại lộ nghiên cứu để giải quyết vấn đề này để hy vọng một người khác sẽ nghĩ về điều gì đó mà tôi không làm.
Thiết lập tương đối thẳng về phía trước, tôi có một trang html với một số javascript tạo yêu cầu ajax cho URL (trong cùng một miền) ứng dụng web java trong nền thực hiện công cụ của nó và trả về một trang html (không có html) , thẻ đầu hoặc thẻ nội dung, chỉ nội dung) sẽ được chèn vào một điểm cụ thể trong trang.
Tất cả âm thanh khá dễ dàng và mã tôi hoạt động trong IE, Firefox và Safari nhưng không hoạt động trong Chrome. Trong Chrome, phần tử đích chỉ kết thúc và nếu tôi nhìn vào yêu cầu tài nguyên trong các công cụ phát triển của Chromes, nội dung phản hồi cũng trống.
Tất cả rất khó hiểu, tôi đã thử vô số thứ để giải quyết nó và tôi chỉ là ngoài ý tưởng. Mọi sự trợ giúp sẽ rất được trân trọng.
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');
}
}
Tất cả điều này được thực hiện bằng $ (tài liệu) .ready (function() {});
Chúc mừng, Jim
@Oleg - Thông tin thêm yêu cầu, một ví dụ về phản ứng rằng cuộc gọi ajax có thể nhận được.
<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>
Bạn chạy này tại địa phương? –
Có Nick tất cả điều này đang chạy dưới một ứng dụng web Java và như vậy là trên máy địa phương của tôi tại thời điểm này như http: // localhost: 8090/ – roguepixel
@roguepixel - Để kiểm tra nhanh, hãy thử chạy chrome bằng một '--disable -Web-security' tùy chọn trên dòng lệnh, cùng một kết quả? –