MagicAjax的使用以及“loading”的修改问题

最新推荐文章于 2022-03-11 22:58:38 发布

最新推荐文章于 2022-03-11 22:58:38 发布 · 106 阅读

本文介绍如何使用MagicAjax简化Ajax开发过程。通过简单的步骤即可在项目中启用Ajax，并自定义加载提示，解决乱码问题，同时实现页面定时刷新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近，用了一下MagicAjax 觉得不错，使用很简单，经验总结如下：

1、打开vs 添加 MagicAjax.dll，就会有AjaxPanel 控件，就往上拖东西吧。
2、打开web.config 添加：

<system.web>
...
<httpModules>
<add name="MagicAjaxModule" type="MagicAjax.MagicAjaxModule, MagicAjax"/>
</httpModules>
...
</system.web>

以上两步就可以实现Ajax了，是不是很简单。如果你觉得loading....很难看，接着来。

3、首先，下载magicAjax源码，拷贝script目录到你的目录里。

4、打开web.config 添加：

5、打开script目录，编辑AjaxCallObject.js（在最后）找到并改成下面的，
.....
function CreateWaitElement() {
var elem = document.getElementById('__AjaxCall_Wait');
if (!elem) {
elem = document.createElement("div");
elem.id = '__AjaxCall_Wait';
elem.style.position = 'absolute';
elem.style.height = 17;
elem.border = "1px";
elem.style.paddingLeft = "3px";
elem.style.paddingRight = "3px";
elem.style.fontSize = "12px";
elem.style.borderColor = "#990000";
elem.style.borderWidth = "0";
elem.style.borderStyle="solid";
elem.style.backgroundColor = "#990000";
elem.style.color = "#FFFFFF";
elem.innerHTML = "正在加载...";
elem.style.visibility = 'hidden';

document.body.insertBefore(elem, document.body.firstChild);
}
waitElement = elem;
}
// end wait element

试一下，看看效果，怎么出现乱码？别急，接着改。

6、打开web.config 改
第一：<?xml version="1.0" encoding="gb2312" ?>
第二：添加
<globalization
requestEncoding="gb2312"
responseEncoding="gb2312"
/>

再加一个定时刷新的：
...
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
//每10秒刷新
MagicAjax.AjaxCallHelper.SetAjaxCallTimerInterval(10000);
}
this.Label1.Text = DateTime.Now.ToString();

}