结合JavaScript与ASP.NETWeb窗体进行程序开发
点击次数：27 次 发布日期：2008-11-27 01:58:30 作者：源代码网
|
源代码网推荐 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> 源代码网推荐 <title>WebForm1</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窗体的结合，为开发人员提供了一个功能强大的用于构建稳固程序的工具集，而程序的稳固性被认为软件性能的一个关键组成部分。 源代码网推荐 源代码网推荐 源代码网推荐 源代码网供稿. |
