Google
 
欢迎使用千一产品
千一产品:AjaxUpdater v1.0

利用 Ajax 获取内容时,少不了增加 Loading 效果,这看似简单的内容,实际上包含众多方面:读取时、读取失败时、读取成功时,使用不同的样式表;读取时、读取失败时,使用不同的提示文字;在 div 中更新,在文本框中更新;一个 Ajax 更新一个或多个控件……

现在,有了 AjaxUpdater 就简单了,AjaxUpdater 能满足您的上述要求,同时它不依赖于某个 Ajax 对象才能运行,所以您可以把它用在 QuickAjax 中,也可以把它用在您自己的 Ajax 对象中。

演示地址

/products/AjaxUpdater/demo.htm

 
运行环境
  • Internet Explorer 全面支持
  • Firefox 全面支持
程序参考
程序开始

//演示在一个 div 中读取成功

var updater2 = new AjaxUpdater();

updater2.loadingString = "<img src='loading_pik.gif' alt='loading' />loading…";

updater2.addItem("b1");

updater2.setLoading();

setTimeout(function () { updater2.setValue(0, "欢迎您访问<a href='http://www.cftea.com/' target='_blank'>千一网络</a>。"); }, 3000);

相关函数

addItem(target)

添加一个更新项。

  • target 字符串或对象 要更新的控件 Id 或控件对象。

setLoading()

设置当前状态为正在读取,影响所有更新项。

setError()

设置当前状态为读取失败,影响所有更新项。

setValue(itemIndex, itemValue)

为 itemIndex 对应的更新项设置读取成功状态并显示内容。

  • itemIndex 数字 要设置的更新项的数组索引。
  • itemValue 字符串 要显示的内容。

getLastUpdated(itemIndex)

获得 itemIndex 对应的更新项的最后更新成功的时间。

  • itemIndex 数字 要获取最后更新成功时间的更新项的数组索引。
相关属性
  • loadingClassName 字符串 正在读取时更新项的 className。
  • loadingString 字符串 正在读取时更新项的提示文字。
  • errorClassName 字符串 读取失败时更新项的 className。
  • errorString 字符串 读取失败时更新项的提示文字。
  • okClassName 字符串 读取成功时更新项的 className。
常见问题
  • 为什么刷新后文本框中的内容是最后更新的内容,而不显示 Loading? 这是 IE 特有的,您可以在 window.onload 中调用 setLoading() 来解决。具体可参见示例。
产品下载

当前版本 v1.0 点击下载压缩文件包,内含:

  • JS 主程序文件 2 个
  • 示例文件 1 个