第11章客户端与服务器端通信-精.pptVIP

第11章 客户端与服务器端通信 传统的客户端JavaScript脚本与服务器端几乎不进行任何通信和交互，仅仅在客户端发挥其性能和作用。网络服务的日益发展要求JavaScript脚本具有与服务器端进行交互的功能，包括从服务器接收数据以及向服务器传送数据等。本章将着重介绍JavaScript脚本在客户端与服务器端进行通信的方法，包括HTTP请求、Windows Cookie等内容。 11.1 HTTP请求 目前很多浏览器中都支持在JavaScript中直接建立http请求，实现向服务器发送数据以及接收从服务器返回的数据等操作，以达到客户端和服务器端通信的目的，而实现上述功能的核心技术为微软所建立的XMLHttp对象。在JavaScript脚本中，通过XMLHttp对象可很方便地建立客户端与服务器端的通信，从而完成所需要的数据交互，其中最主要的两种交互方式为get和post请求。 11.1.1 XMLHttp对象简介 XMLHttp对象实质上是一组API函数集，可被JavaScript、JScript、VBScript以及其他Web浏览器中内嵌的脚本语言或编程语言所调用，通过HTTP请求在浏览器和服务器之间收发XML(XML文档数据，相关内容请参考第十五章)或其他数据(如字符串、流，或者一个无符号整数数组甚至是URL的参数等)。 11.1.2 XMLHttp对象的属性和方法 使用XMLHttp对象的第一步是创建XMLHttp对象的实例。在IE中，微软通过实现ActiveX控件的方式来获得的XMLHttp对象实例： var XMLHttpRquest=new?ActiveXObject(MSXML2.XMLHTTP) var XMLHttpRquest=new?ActiveXObject(Microsoft.XMLHTTP) 11.1.3 使用XMLHttp对象发送请求 使用XMLHttp对象实现客户端与服务器端通信，通常分为两大部分：发送请求和处理响应。 使用XMLHttp对象实现通信的过程一般分为五步： （1）、创建XMLHttp对象，一般可以直接用上面介绍的createXMLHTTP()创建函数来完成； （2）、建立客户端与服务器端的连接，同时定义指令发送方式，设置服务网页(URL)和请求权限等。 （3）、向服务器发送请求，使用send()方法发送指令； （4）、等待并接收服务端响应，并处理返回结果； （5）、释放XMLHttp对象。 11.1.4 GET请求 Get请求使用最为普遍，例如在浏览器地址栏键入一网站地址，单击“回车”键确定后即向对应的服务器发出了一个Get请求。服务器接收到Get请求后，返回用户请求的网页予以响应。 11.1.5 POST请求 Post请求和Get请求类似，当要发送Post请求时，只需简单地在open()函数中置入正确的url参数值，同时确认method参数值为“post”即可，如下所示： XMLHttpRequest.open(post, , false); 11.2 Windows Cookie Cookie是JavaScript用来实现客户段与服务器端通信的手段之一。浏览器每次向服务器发送请求，该服务器在客户端保存的Cookies都会伴随传送。通过JavaScript对Cookie设置、读取、删除等操作，可以方便快捷地完成客户端与服务器端的交互。Cookies已在很多应用场景中得到广泛应用，但Cookie在安全方面有其局限性。 11.2.1 什么是Cookie 什么是Cookie？Cookie实际上是一个标签，当你访问一个需要唯一标识你的网址的web站点时，它会在你的硬盘上留下一个标记，记录了你的用户ID，密码、浏览过的网页、停留的时间等信息，下次你访问同一个站点时，站点页面会查找这个标记，获得你的信息，从而可以做出相应的动作，如打出欢迎标语、不用输入ID密码而自动登录等。 11.2.2 Cookie的结构 在JavaScript脚本中，一个Cookie 本质上就是一个字符串。当你读取Cookie时，返回的是一个字符串，里面是当前Web页使用的所有Cookies的名称和值。除了名称和值，Cookie还有其他四种属性。 11.2.3 建立Cookie 在前面的章节中，介绍过Document对象。Document对象中包含Cookie属性。利用该属性可