DHTML技巧--中止网页的提交
发表于:2007-06-30来源:作者:点击数:
标签:
ASP.NET改变了我们的编程方法,使得 开发 BS程序更加简单。但如果大量使用服务器控件势必会造成网页频繁提交,操作极不友好,也增加了服务器的负担。把一些必要的验证工作放在客户端执行,只有通过验证时才进行提交,就可以大大减少网页的刷新次数。 例如当我
ASP.NET改变了我们的编程方法,使得
开发BS程序更加简单。但如果大量使用服务器控件势必会造成网页频繁提交,操作极不友好,也增加了服务器的负担。把一些必要的验证工作放在客户端执行,只有通过验证时才进行提交,就可以大大减少网页的刷新次数。
例如当我们按下“删除”按钮时,先在客户端进行一下确认:弹出一个“是否真的要删除”的对话框。当用户按下“是”是才提交至服务器执行删除程序。如果按下否,则终止后绪的提交动作。提交是不要进行太多可考虑,因为服务器的按钮控件是会自动完成,现在我给大家介绍终止提交的方法:
在DHTML中,每一个事件的处理都可以用return false来终止后绪动作的执行。如<BODY oncontextmenu = “
javascript: return false;”>可以禁止页面上的右键菜单。对于服务器的按钮来说,我们可以在第一次载入时(PageLoad)服务器端给它加入一个OnClick属性用来执行客户端角本: this.DelButton.Attribute.Add(”OnClick”, “javascript:return delConfirm();”);在用户按下“删除”按钮时,它会先执行客户的的delConfirm()函数。注意:红色字体的javascript:return (用来接收函数的返回结果)及;号(按钮的提交动作将以角本方式注册在止之;号之后,如果不用;号来隔开将会出现语法错误)是必须的。而在客户端的函数中必须要有返回结果,其中return false;将终止后面的角本操作,而其它返回结果将继续执行。
这样删除处理的完整方法如下:
服务器端:
private void Page_Load()
{
...
if (!this.IsPostBack)
{
...
this.delButton.Attribute.Add(“OnClick“, “javascript:return delConfirm();“);
...
}
...
}
...
private void delButton_Click(object sender, EventArgs e)
{
...
}
...
客户端:
...
<SCRIPT language=javascript>
function delConfirm()
{
return confirm(“你真的要删除吗?“);
}
</SCRIPT>
...
原文转自:http://www.ltesting.net