企业官网建设流程全解析

自己做动漫头像的网站,建设企业银行u盾如何使用,wordpress导航页面设置密码,邢台专业网站建设推荐在实现代码之前#xff0c;先思考一个问题#xff1a;同样点击一个按钮调用后台#xff0c;WebForm与小程序有什么区别#xff1f;WebForm 是重量级的#xff0c;服务器控件的Button#xff0c;执行时会将整个页面提交到后台#xff0c;执行完成之后#xff0c;服务器会…在实现代码之前先思考一个问题同样点击一个按钮调用后台WebForm与小程序有什么区别WebForm 是重量级的服务器控件的Button执行时会将整个页面提交到后台执行完成之后服务器会将整个页面再重新加载一次。为什么我们看到重新加载的页面控件的值没有变化那只是因为在整个页面提交时保存了控件的值重新加载时重新渲染出来了而已。相当于我们做菜想买瓶酱油出门时把锅碗瓢盆都带在身上买完酱油锅碗瓢盆重新放回原位。所以第一这个消耗是比较大的第二点击按钮之后的页面其实已经不是我们前面的页面是重新加载出来的页面。说完WebForm, 那小程序呢小程序其实相当于WebForm用 Ajax 方式来实现功能没有“服务器控件”的概念所以非常轻量原理完全不同。回到原来的需求上来在WebForm中实现发送验证码点击按钮后按钮禁用60秒的效果应该怎么做呢两种方式1、采用Ajax 方式实现这个思路比较简单但写代码要麻烦一点需要写ajax 相关的代码。2、采用WebForm原生的服务器控件来实现。我们想实现的是第2种方式。第2种方式禁用按钮60秒的效果应该在哪个阶段来实现呢如果采用类似 OnClientClick 的方式来实现则必须前端执行完才可以执行后端。而且即使能实现效果也不好。如果60秒走完才执行后端白白浪费了时间。如果60秒没走完就执行了后端60秒效果没有达到。所以必须换思路在后端执行完之后再来执行60秒效果就可以了。因为按钮点击完页面会重新加载一次我们在前端利用这个机会把60秒的效果展现出来就可以了。思路清晰要做就容易了.aspx 代码% Page LanguageC# AutoEventWireuptrue CodeBehindTestSmsCode.aspx.cs InheritsSWSchool.Mobile.TestSmsCode % !DOCTYPE html html xmlnsa hrefhttp://www.w3.org/1999/xhtml target_blankhttp://www.w3.org/1999/xhtml/a head runatserver meta http-equivContent-Type contenttext/html; charsetutf-8/ title/title script src../JS/jquery-1.8.3.min.js/script script typetext/javascript $(document).ready(function () { var seconds parseInt($(#% hfSeconds.ClientID %).val()); if (seconds 0) { startCountdown(seconds); } function startCountdown(seconds) { var btnSendSms $(#% btnSendSms.ClientID %); btnSendSms.prop(disabled, true); var interval setInterval(function () { if (seconds 0) { btnSendSms.val(重新发送( seconds s)); seconds--; } else { clearInterval(interval); btnSendSms.prop(disabled, false); btnSendSms.val(发送验证码); $(#% hfSeconds.ClientID %).val(0); } }, 1000); } }); /script /head body form idform1 runatserver div asp:TextBox IDtxtMobile runatserver Width200px MaxLength11 placeholder请输入手机号/asp:TextBox asp:Button IDbtnSendSms runatserver Text发送验证码 OnClickbtnSendSms_Click / asp:HiddenField IDhfSeconds runatserver Value0 / br /br / asp:TextBox IDtxtSmsCode runatserver Width200px MaxLength6 placeholder请输入验证码/asp:TextBox asp:Button IDbtnVerifySms runatserver Text验证验证码 OnClickbtnVerifySms_Click / br /br / asp:Label IDlblMessage runatserver ForeColorRed/asp:Label /div /form /body /html.aspx.cs 代码using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace SWSchool.Mobile { public partial class TestSmsCode : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void btnSendSms_Click(object sender, EventArgs e) { //todo : implement SMS sending logic here this.hfSeconds.Value 60; Response.Write(scriptalert(SMS sent successfully!);/script); } protected void btnVerifySms_Click(object sender, EventArgs e) { } } }