注:本教程基于.NET Framework 1.1,使用C#语言描述,并假设读者了解HTML和C#语法,JScript客户端脚本,懂得基本的IIS配置。这些不属于本教程范围,请参考相关书籍或教程。
1. http协议
除了TCP/IP协议,http可以说是最重要,且使用最多的网络协议了。本节简要介绍一下http协议的工作原理。
假设现在有一个html文件:http.html, 存放在Web服务器上,其URL为 www.myweb.com/http.html ,文件内容为:
现在,一个用户通过IE访问该地址,IE首先将此地址的域名通过DNS转换为一个IP地址,然后通过一个Web服务器开放的端口(默认为80,不为80需在域名后加上“:端口号”,例如 www.myweb.com:81)与其连接, 然后传送一个类似这样的http请求(使用flashget等下载软件下载文件时,在详细信息里也可以看到类似的信息):
请求的第一行为请求内容, 表示通过GET方法向服务器请求资源,/http.html为请求资源名称,HTTP/1.1 表示使用http协议,版本1.1。然后接下来的几行称为请求信息的标头(header),其中描述了请求的一些其他信息,比如客户端浏览器标识等。最后一个空行表示请求结束。
当Web服务器接收到该请求时,服务器检查所请求的资源是否有效,且是否有相应的权限。如果没有问题,则服务器会传回类似如下的http响应信息:
其中第一行的“200”是一个状态码,表示服务器成功完成该请求,如果不成功会返回其他状态码。Content-Type表示返回的数据类型,Content-Length表示返回的数据长度。空行表示标头结束,下面则是浏览器根据请求返回的数据内容,这里是http.html的文件内容,浏览器解析html源代码,将Web页面呈现给用户,到这里就完成了一次成功的http通信。
以上内容是Web通信的基础,就和Windows消息机制一样,你可能不会用到它,但是你必须了解它,你得知道那些高级的东西隐藏了哪些低级的内容,这样对你理解和使用那些高级的东西都有非常大的帮助:)。
1. http协议
除了TCP/IP协议,http可以说是最重要,且使用最多的网络协议了。本节简要介绍一下http协议的工作原理。
假设现在有一个html文件:http.html, 存放在Web服务器上,其URL为 www.myweb.com/http.html ,文件内容为:
HTML 代码:
<html> <head> <title>http.html</title> </head> <body> hello, http </body> </html>
现在,一个用户通过IE访问该地址,IE首先将此地址的域名通过DNS转换为一个IP地址,然后通过一个Web服务器开放的端口(默认为80,不为80需在域名后加上“:端口号”,例如 www.myweb.com:81)与其连接, 然后传送一个类似这样的http请求(使用flashget等下载软件下载文件时,在详细信息里也可以看到类似的信息):
代码:
GET /http.html HTTP/1.1 Host: www.myweb.com Accept: */* User-Agent: Mozilla/4.0 (compatible; MSIE.6.0; Windows NT 5.1) Pragma: no-cache Cache-Control: no-cache Connection: close [空行]
请求的第一行为请求内容, 表示通过GET方法向服务器请求资源,/http.html为请求资源名称,HTTP/1.1 表示使用http协议,版本1.1。然后接下来的几行称为请求信息的标头(header),其中描述了请求的一些其他信息,比如客户端浏览器标识等。最后一个空行表示请求结束。
当Web服务器接收到该请求时,服务器检查所请求的资源是否有效,且是否有相应的权限。如果没有问题,则服务器会传回类似如下的http响应信息:
代码:
HTTP/1.1 200 OK Server: Microsoft-IIS/5.0 Date: Thursday, March 31, 2005 17:15:23 GMT Content-Type: text/html Content-Length: 88 [空行] <html> <head> <title>http.html</title> </head> <body> hello, http </body> </html>
其中第一行的“200”是一个状态码,表示服务器成功完成该请求,如果不成功会返回其他状态码。Content-Type表示返回的数据类型,Content-Length表示返回的数据长度。空行表示标头结束,下面则是浏览器根据请求返回的数据内容,这里是http.html的文件内容,浏览器解析html源代码,将Web页面呈现给用户,到这里就完成了一次成功的http通信。
以上内容是Web通信的基础,就和Windows消息机制一样,你可能不会用到它,但是你必须了解它,你得知道那些高级的东西隐藏了哪些低级的内容,这样对你理解和使用那些高级的东西都有非常大的帮助:)。
2. html form
前面的http.html文件是一个最简单的静态html页面,但作为一个Web程序,它实在是太简陋了,它不接受用户输入,永远显示一样的内容。我们需要能够根据用户输入来返回相应的数据。
看下面的html代码:
观察这段代码,其中有一个html form,其内容包括在<form>和</form>之间, 其中有一个提交按钮(<input type=”submit” value=”submit” />),当用户点击该按钮时,浏览器将html form中的所有输入提交给Web服务器,form标签的method属性指定了提交的方式,这里为get,这个get对应http请求中的GET请求方法,form中的输入均以查询字符串的方式附加在URL上, 在文本框里输入一个字符串,比如“form”,然后观察浏览器的地址栏,会变成类似 http://www.myweb.com/form.html?p=form ,这是因为浏览器发出了这样的GET请求:
假如<form>标签的method属性为”post”,即令浏览器使用post方法发送该请求,当使用post方法时,用户的输入并不是通过URL来传输的,而是浏览器将内容放在POST请求的标头之后发送给Web服务器的:
然后Web服务器就可以通过访问post请求发送的数据来处理用户输入。
浏览器将用户输入使用GET或者POST方法发送给Web服务器,这个过程称为“回发(Postback)”。这个概念相当重要,在Web应用程序中经常涉及到回发。
前面的http.html文件是一个最简单的静态html页面,但作为一个Web程序,它实在是太简陋了,它不接受用户输入,永远显示一样的内容。我们需要能够根据用户输入来返回相应的数据。
看下面的html代码:
HTML 代码:
<html> <head> <title>form.html</title> </head> <body> <form method=”get”> <input type=”text” name=”p” /> <input type=”submit” value=”submit” /> </form> </body> </html>
观察这段代码,其中有一个html form,其内容包括在<form>和</form>之间, 其中有一个提交按钮(<input type=”submit” value=”submit” />),当用户点击该按钮时,浏览器将html form中的所有输入提交给Web服务器,form标签的method属性指定了提交的方式,这里为get,这个get对应http请求中的GET请求方法,form中的输入均以查询字符串的方式附加在URL上, 在文本框里输入一个字符串,比如“form”,然后观察浏览器的地址栏,会变成类似 http://www.myweb.com/form.html?p=form ,这是因为浏览器发出了这样的GET请求:
代码:
GET /form.html?p=form HTTP/1.1 ... ... [空行]
假如<form>标签的method属性为”post”,即令浏览器使用post方法发送该请求,当使用post方法时,用户的输入并不是通过URL来传输的,而是浏览器将内容放在POST请求的标头之后发送给Web服务器的:
代码:
POST /form.html HTTP/1.1 ... ... Content-Type: application/x-www-form-urlencoded Content-Length: 6 [空行] p=form
然后Web服务器就可以通过访问post请求发送的数据来处理用户输入。
浏览器将用户输入使用GET或者POST方法发送给Web服务器,这个过程称为“回发(Postback)”。这个概念相当重要,在Web应用程序中经常涉及到回发。