前言:昨天没有把自己的笔记写在博客上,现附上:
实现数字在div上的增加:
1.新建一个htm文件
1 <form action="div自增.ashx"> 2 <input type="hidden" name="isPostBack" value="true" /> 3 <input type="hidden" name="IncValue"value="@value" /> 4 <input type="submit" value="自增" /> 5 <div>@value</div>
注意:在第三行设置了一个隐藏字段,它的value的值和<div>的innerText是一样的。
新建一个ashx文件
1 context.Response.ContentType = "text/plain"; 2 string fullpath = context.Server.MapPath("div自增.htm"); 3 string content = System.IO.File.ReadAllText(fullpath); 4 string isPostBack=context.Request["isPostBack"]; 5 string IncValue=context.Request["IncValue"]; 6 if (isPostBack == "true") 7 { 8 int i = Convert.ToInt32(IncValue); 9 i++; 10 IncValue= i.ToString(); 11 12 } 13 else 14 { 15 IncValue = "0"; 16 } 17 content= content.Replace("@value",IncValue); 18 context.Response.Write(content);
上篇博客已经讲了isPostBack的作用,现不再多讲。现在讲讲
为什么使用div在服务器取不出来值呢?因为不是服务器来读取客户的网页,而是浏览器收集客户在表单中输入的字段,然后形成请求参数发给去武器处理程序,由于没有把div当前的innerText发给服务器,所有服务器无法得知当前的值。
也不要幻想能有办法把div的innerText提价给服务器,因为只有设定了name的input、 textarea、 select的value属性值才会被提交给服务器。所以在新建的.htm网页中会写一个隐藏字段来记录浏览器传给服务器的参数,然后用占位符@value来接收服务器返回给浏览器的结果,如果用开发人员工具在代码中修改了<div>的innerText,再点击自增按钮,浏览器并不会把div的值提交给服务器;相反如果用开发人员工具在代码中修改了隐藏字段的value值,则浏览器提交给服务器的值也会改变。
非表单元素无法将客户端的元素之传递给服务器端,即使是表单元素也只能传递value值,对于其他属性值比如背景颜色、大小等也是无法传递的,因此对于这些值都要存在隐藏字段中,这就是asp.net中的ViewState的实现原理。