ASP.NET运行原理

浏览数：46 / 时间：2015年06月09日

1，ASP.NET运行原理： 客户端向服务器发出请求 → 服务器处理请求→ 处理好的数据以报文发给浏览器 → 浏览器显示请求结果

2，Chrome浏览器，查看请求过程：F12打开浏览器的调试窗口:

技术分享

3，添加一般处理程序，查看 请求→处理→响应 的过程

 // ProcessRequest中，对请求做出处理后返回数据
        public void ProcessRequest(HttpContext context)
        {
            //context.Response.ContentType = "text/plain"; //数据类型
            //context.Response.Write("Hello World"); // 输出内容

            context.Response.ContentType = "text/html"; //数据类型

            string strName = context.Request.QueryString["Name"];//读取URL传递参数 Name
            string strPrint = "hi," + strName + " So happy to see U again";
            context.Response.Write("<font color=‘red‘><b>"+strPrint+"</b></font>"); // 输出内容
        }

---------------------------------------Gif图片演示---------------------------------------

技术分享

4,Form表单提交以后，Form表单中的文本元素被提交到action指定的一般处理程序页面(.ashx)

浏览器向服务器提交数据，被提交的表单元素（input，select ， textarea）放到form中，form中的action标签制定表单数据被提交到哪个页面。

为了服务器端取出表单的值，需要为表单元素设定Name属性。服务器端用 context.Request[""]获取提交的数据。

    <form action="Handler1.ashx">
        姓名：
        <input name="Name" type="text" /><br />
        年龄：
        <input name="Age" type="text" /><br />
        <input type="submit" />
    </form>

---------------------------------------Gif图片演示---------------------------------------

技术分享

5，HTML中表单元素的 id属性不能重复，id的定义主要是方便js操作Dom用的，name是提交给服务器用的。

6，只有带Name属性值的这 input,textarea,select 三种标签的Value值会比较服务器。Raidobutton选中的值被提交给服务器。

7，提交Form表单的两种方法：

Get: 把表单元素值在地址栏以URL的方式进行提交，传递的数据量有限（这样浏览器历史记录里面就可以看到）

Post：,隐藏到http报文中进行提交

　Get 方式提交来的数据在服务器端用Request.QueryString() 来获取，用Post 方式提交的数据用Request.Form() 来获取；

8，以下分别用Chrome和IE查看: Get和Post提交数据的不同之处

 <form action="Handler1.ashx">
        姓名：
        <input name="Name" type="text" /><br />
        年龄：
        <input name="Age" type="text" /><br />
        Vip<input type="checkbox" name="IsVIP" /><br />
        城市：
        <select name="pro">
            <option value="bj">北京</option>
            <option value="bj">天津</option>
        </select><br />
        性别：
        <input type="radio" name="gender" value="Man" />
        <input type="radio" name="gender" value="Women" /><br />
        爱好：<input type="checkbox" name="Interstring" value="音乐" title="音乐" /><input type="checkbox" name="Interstring" value="运动" title="运动" />
        <input type="submit" />
    </form>