分享
 
 
 

结合JavaScript与ASP.NETWeb窗体进行程序开发

王朝asp·作者佚名  2008-05-19
窄屏简体版  字體: |||超大  

ASP.NET为Web程序开发提供了新的范例。其中包括一系列基于服务器的控件,这些控件类似于HTML窗体中诸如文本框、按钮等元素。使用这些控件的问题是必须调用服务器。JavaScript为很多任务提供多种选择的机会,而这些过程不需要调用服务器。让我们来看结合JavaScript与ASP.NET所带来的强大功能。

性能是必需的

调用服务器要求带宽和服务器处理时间,然而对一个可以享受高速流通的局域网程序将不会有任何问题,但是在广域网中就是不同的情况。一个因特网用户连接速度的不同主要取决于用户的拨号调制解调器、带宽或者电缆调制解调器。使用用户型的JavaScript可以不需要调用服务器。

传统方法

一个标准的网页窗体包括像标题框、正文和窗体在内的页面。JavaScript函数按传统方法被放置在网页窗体的标题框,这些函数允许被页面的其它部分载入和利用,一旦被载入,这些函数将从HTML元素中调用。

让我们看看一个简单的JavaScript的例子:

function valSubmit() {

var doc = document.forms[0];

varmsg = "";

if (doc.firstName.value == "") {

msg += "- Please enter a first name.n";

}

if (doc.lastName.value == "") {

msg += "- Please enter a last name.n";

}

if (msg == "") {

doc.submit();

} else {

alert("The following errors were

encountered.nn" + msg);

} }

这一函数将检验数据被传送到窗体中的两个HIML区。如果其中一个区是空的,将显示错误信息并且停止运行。如果两个区都有值时,窗体被提交,你可以使用以下的代码调用这一函数:

<input type="button" value="submit"

name="btnSubmit" onClick="valSubmit();"

利用这一关系,在HIML区没有数据之前,窗体是不会被提交的。这样我们可以看到,代码变得更加简单,但是由于无需调用额外的服务器而不会产生任何副作用。JavaScript简短而实用,这就意味着窗体不需要额外的载入时间。

ASP.NET网页窗体允许使用标准的HTML,因此你可以容易地使用前面的范例。ASP.NET用户控件允许你很轻松地调用服务器代码来处理Web窗体。庆幸的是,用户控件和JavaScript的结合使用完全是可以的。我将利用一个ASP.NET按钮控件的例子来说明这一使用过程。

按钮控件的所有属性提供了将JavaScript连接到控件的方式。首先,将JavaScript函数放置在ASP.NET网页窗体中,但是通过添加返回值可以改变放置的方法。如果确认通过,函数值返回为真,与按钮相关的服务器函数就会别调用。如果返回值为假,则窗体不会被提交。

<%@ Page language="c#" %

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"

<html<head

<titleWebForm1</title

<script language="javascript"

function valSubmit() {

var doc = document.forms[0];

varmsg = "";

if (doc.firstName.value == "") {

msg += "- Please enter a first name.n";

}

if (doc.lastName.value == "") {

msg += "- Please enter a last name.n";

}

if (msg == "") {

doc.submit();

return true;

} else {

alert("The following errors were encountered.nn" + msg);

return false;

} }

</script

<script language="C#" runat="server"

private void btnSearch_Click(object sender, System.EventArgs e) {

Response.Write("Search");

}

private void Page_Load(object sender, System.EventArgs e) {

btnSubmit.Attributes.Add("onClick", "return valSubmit();");

}

</script</head

<body

<form id="frmBuilderTest" method="post" runat="server"

<label style="Z-INDEX: 101; LEFT: 10px; POSITION: absolute; TOP: 48px"

First Name:</label

<input style="Z-INDEX: 102; LEFT: 88px; POSITION: absolute; TOP: 48px"

type="text" name="firstName" id="firstName"

<label style="Z-INDEX: 103; LEFT: 10px; POSITION: absolute; TOP: 88px"

Last Name:</label

<input style="Z-INDEX: 104; LEFT: 88px; POSITION: absolute; TOP: 88px"

type="text" name="lastName" id="lastName"<br /<br /

<asp:Button id="btnSubmit" style="Z-INDEX: 105; LEFT: 64px; POSITION: absolute;

TOP: 128px" runat="server" Text="Submit" Width="136px"

OnClick="btnSearch_Click"</asp:Button

</form</body</html

这些代码中最为关键的一行是:

btnSubmit.Attributes.Add("onClick", "return valSubmit();");

通过风格属性使用CSS可以将元素放置在HIML窗体。窗体将JavaScript函数和ASP.NET 按钮 (btnSubmit)以及HTML的onClick事件连接起来。在窗体被提交给服务器时,ASP.NET Button 中的onClick属性会通知系统调用哪些函数。

如果你是一名VB.NET开发人员,对于前面代码,只需要改变代码中的C#模块。VB.NET相应的代码如下:

<script language="vb" runat="server"

Private btnSearch_Click (sender As Object, e As System.EventArgs)

Response.Write("Search")

End Sub

Private Page_Load(sender As Object, e As System.EventArgs)

btnSubmit.Attributes.Add("onClick", "return valSubmit();")

End Sub

</script

功能强大的JavaScript和ASP.NET结合

JavaScript是面向用户网页开发的实用标准语言,它与ASP.NET Web窗体的结合,为开发人员提供了一个功能强大的用于构建稳固程序的工具集,而程序的稳固性被认为软件性能的一个关键组成部分。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有