我整理了以下 mootools 脚本
window.addEvent('domready', function() {
var shouts = "timed.php";
var log = $('log_res');
function updateData (url,target)
{
new Ajax(url,{
method: 'get',
update: $(target),
onComplete: function() {
log.removeClass('ajax-loading');} }).request();
log.empty().addClass('ajax-loading');
}
var update = function(){ updateData ( shouts, 'log_res' ); };
update(); // call it immediately
update.periodical(10000); // and then periodically
});
这是html
<div id="AJAX">
<h3>Ajax Response</h3>
<div id="log_res">exercise</div>
</div>
它使用 moo 1.1。
上面的工作正常,页面加载,然后ajax请求在div id log_res中启动,在更新时有一个ajax加载类,当它完成时,div中的文本练习被替换为ajax返回的任何内容(yippee)。但我想在页面加载时将一些自定义 HTML 放入 div 中,因为 ajax 加载类不足以包含信息,我还想在 ajax 请求检索信息时将旋转闪烁器放入 div 中。
希望这是有道理的!
对于 MooTools 1.2,这可以按要求工作:
function updateData (url, target)
{
var target = $(target);
target.empty().addClass('ajax-loading');
target.innerHTML = "Loading...";
new Request({
url: url,
method: 'get',
onComplete: function(responseText) {
target.removeClass('ajax-loading');
target.innerHTML = responseText;
}
}).send();
}
既然你不好玩并且使用 MooTools 1.1,我必须挖掘一点......实际上,我使用与你几乎相同的设置让它工作(注意我使用target
代替log
,它是在此函数范围之外定义的):
function updateData (url, target)
{
var target = $(target);
target.empty().addClass('ajax-loading');
target.innerHTML = "Loading...";
new Ajax(url, {
method: 'get',
update: target,
onComplete: function() {
target.removeClass('ajax-loading');
}
}).request();
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)