Javascript 使用mootools的Ajax请求不起作用
我尝试用tutorial将内容加载到div中。不幸的是,这只是将HTML文件作为新页面加载 这是应该完成这项工作的javascriptJavascript 使用mootools的Ajax请求不起作用,javascript,ajax,mootools,Javascript,Ajax,Mootools,我尝试用tutorial将内容加载到div中。不幸的是,这只是将HTML文件作为新页面加载 这是应该完成这项工作的javascript window.addEvent('domready', function() { $('runAjax').addEvent('click', function(event) { event.stop(); var req = new Request({ method: 'get',
window.addEvent('domready', function() {
$('runAjax').addEvent('click', function(event) {
event.stop();
var req = new Request({
method: 'get',
url: $('runAjax').get('href'),
data: { 'do' : '1' },
onRequest: function() { alert('The request has been made, please wait until it has finished.'); },
onComplete: function(response) { alert('Response received.); $('container').set('html', response); }
}).send();
$('runAjax').removeEvent('click');
});
});
这是应该启动该功能的链接
<a href="about.html" id="runAjax" class="panel">Profil</a>
这是index.html的div结构。我希望将内容加载到container div中
<div id="view">
<div id="sidebar">
mib
</div>
<div id="container">
<div id="logo">
<!--img src="img/logo.png"-->
</div>
<div align="center" id="tagline">
content
</div>
</div>
</div>
只要它与MooTools 1.2兼容,我就不在乎使用什么脚本,因为我需要它来制作滑动面板,例如,将其更改为jquery面板将需要更多的工作。这里缺少一个:
alert('Response received.);
你让事情变得比你需要的更复杂。尝试一下:
window.addEvent('domready', function(){
function loadPage(url) {
$('container').load(url);
}
$('runAjax').addEvent('click', function(e) {
e.stop();
loadPage(this.get('href'));
this.removeEvent('click', loadPage);
});
});
如果这不起作用,启动Firebug并查看记录了哪些Javascript错误。以下是Element.load快捷方式的参考:
您没有按照建议停止单击事件 而不是: 事件。停止 做:
新建Eventevent.stop 这就是为什么意大利面会让你付出生命的代价