web开发中的form表单的原理与介绍

版权声明:本文为博主原创文章,未经博主允许不得转载。欢迎联系我qq2488890051 https://blog.csdn.net/kangkanglhb88008/article/details/84403489
据我的理解:表单应该是得包括输入文本框,提交按钮,由他们组合而成就叫做form表单控件(前端开发中会提供多种多样的控件)
<form action="Handler1.ashx" method="post" >
<p>客户名称: <input type="text" name="CustomerName" style="width: 300px" /></p>
<p>客户电话: <input type="text" name="CustomerTel" style="width: 300px" /></p>
<p><input type="submit" value="提交" /></p>
</form>

包括了两个输入框,即“text”’类型,还有一个按钮(即类型为“submit”就说明他是按钮)

注:浏览器访问服务器端web的过程我觉得可以这样理解,这个网站每个页面就是一个文件存在于遥远的服务器电脑里面,浏览器输入这些文件的地址,此时浏览器就打开了对应的页面(我觉得是浏览器下载下来了这个页面文件,然后呈现给用户,而不是类似于远程机的方式访问的服务器那儿的页面),这时候我们点击了页面内某个按钮,是由浏览器来响应(注:因为不是远程查看的页面,所以不是服务器给出相应的响应)我们点的这个按钮(如何响应,浏览器有一套解析这个html文件的约定好的响应办法,比如这里就是根据表单的action="Handler1.ashx" method="post"这句html代码知道了应该如何响应)应该返回什么信息给服务器那边,这样就实现了客户端的浏览器和服务器端的电脑的配合工作。我觉得这样有个好处,浏览器端已经事先处理了响应方式,然后把成果数据发送到服务器端,服务器端直接处理(比如进行一些计算)这些数据即可,这样就把响应方式,数据处理分别在客户端电脑和服务器电脑分开处理了,减小了服务器的运行负载了

action="Handler1.ashx" method="post"     // 这个意思是这个表单中的按钮点了后,客户端的浏览器就得把这个表单的内容往

/Handler1.ashx路径提交,而且提交的方式是“post”,在服务器端获取这个浏览器发射来的数据的时候也是需要指定以“post”方式

在浏览器中呈现的样子如下:

点击了提交按钮后,浏览器根据html的那个表单form内的action="Handler1.ashx" method="post"代码,就知道,应该把客户名称和客户电话发送到地址为/Handler1.ashx(即服务器端的处理程序所在服务器电脑那儿的路径),然后服务器端的处理程序,   即.java文件(web后端开发干的事)内的函数进行相应的处理了。从下面可以看出浏览器到底发射了那些数据给服务器:

看了客户端的页面和请求的内容,我们再来看看在服务端如何获取浏览器提交的表单的输入吧,代码如下:

string name = context.Request.Form["CustomerName"];
string tel = context.Request.Form["CustomerTel"];

代码很简单,直接根据表单控件的name属性访问Request.Form就可以了。

其中参考博客:

https://www.cnblogs.com/fish-li/archive/2011/07/17/2108884.html

猜你喜欢

转载自blog.csdn.net/kangkanglhb88008/article/details/84403489