blogjava-凯发k8网页登录

第一步 – 说声「请」 （又称为「怎么发出 xmlhttprequest」）

为了用 javascript 对服务器发送 http 要求，你必须先以相关的类别（class）制出实体（instance）。internet
explorer 首先以 activex 对象方式提供 xmlhttp 类别，而 mozilla、safari及其它浏览器则随后以 xmlhttprequest 类别支持此 activex 对象中的类别及属性。

因此，如果想跨浏览器，那么可以这么写： 

if  (window.xmlhttprequest) {  //  mozilla, safari, 

    http_request  =   new  xmlhttprequest();

}  else   if  (window.activexobject) {  //  ie

    http_request  =   new  activexobject( " microsoft.xmlhttp " );

}

(由于这段程序仅供说明，所以是采最简方式写出。本文第三步中有另一种我们比较常用的写法。)

有些版本的 mozilla 浏览器在服务器送回的数据未含 xml mime-type 文件头（header）时会出错。为了避免这个问题，你可以用下列方法覆写服务器传回的档头，以免传回的不是text/xml。

接下来是要决定服务器传回资料后的处理方式，此时你只要以 onreadystatechange 这个属性指明要处理传回值的
javascript 函式名称即可，例如：

注意，指定的函式名称后不加括号也没有参数。除了指定函式名称外，你也能用 javascript 实时定义函式的方法来定一个新的处理函式，如下：

决定处理方式之后你得确实发出 request，此时需叫用 http request 类别的 open() 及 send() 方法，如下：

• open() 的第一个参数是
       http request 的方法，也就是从
       get、post、head 中择一使用，亦可用你主机上支持的方式。为遵循 http 标准，请记得这些方法都是大写，不然有的浏览器（如 firefox）或许不会理你。其它 http request 可以支持的方法列表请参考
       ()。
• 第二个参数是目标 url。基于安全考虑，你不能叫用同网域以外的网页。如果网域不同，则叫用
       open() 时会出现「权限不足，拒绝存取」那类的错误。通常大伙会犯的错误多为在 domain.tld 网的网站下呼叫 中的网页，仅是一点点差别都不行。
      
• 第三个参数决定此 request 是否不同步进行，如果设定为
       true 则即使服务器尚未传回数据也会继续执行其余的程序，这也就是 ajax 中第一个 a 代表的意义。

send() 的参数在以 post 发出 request 时可以是任何想传给服务器的东西，而数据则以查询字符串的方式列出，例如：

不过如果你想要以 post 方式传送数据，则必须先将 mime 型态改好，如下：

				

						
						http_request.setrequestheader('content
						-
						type', 'application
						/
						x
						-
						www
						-
						form
						-
						urlencoded');


				
				

				
				
		

否则服务器就不会理你传过来的数据了。

第二步 – 「就上咩！」（又称为「处理服务器传回的数据」）

传出 request 时必须提供处理传回值的函式名称。

////////////////////////////////////////////////////////////////////

//但是，firefox 对onreadystatechange没有反应，怎么办，这个方法不能用在

//firefox 中，有没有其它的方法？

//      added by  2006-03-19

//////////////////////////////////////////////////////////////

那么来看看这个函式该做些什么。首先，它必须检查 request 目前的状态：如果状态值为 4 代表服务器已经传回所有信息了，便可以开始解析所得信息。

readystate 所有可能的值如下：

• 0 (还没开始)
• 1 (读取中)
• 2 (已读取)
• 3 (信息交换中)
• 4 (一切完成)

( ())

接下来要检查服务器传回的 http 状态码。所有状态码列表可于 ()上查到，但我们要管的是200 ok 这种状态。

检查传回的 http 状态码后，要怎么处理传回的数据就由你决定了。有两种存取数据的方式：

• http_request.responsetext – 这样会把传回值当字符串用
      
• http_request.responsexml – 这样会把传回值视为
       xmldocument 对象，而后可用
       javascript dom 相关函式处理

第三步 - 万事俱备 - 简单范例

好，接着就做一次简单的 http 范例，演示方才的各项技巧。这段 javascript 会向服务器要一份里头有「i'm
a test.」字样的 html 文件(test.html)，而后以 alert() 将文件内容列出。

< script type = " text/javascript "  language = " javascript " >

     var  http_request  =   false ;

     function  makerequest(url) {

        http_request  =   false ;

         if  (window.xmlhttprequest) {  //  mozilla, safari,

            http_request  =   new  xmlhttprequest();

             if  (http_request.overridemimetype) {

                http_request.overridemimetype('text / xml');

            }

        }  else   if  (window.activexobject) {  //  ie

             try  {

                http_request  =   new  activexobject( " msxml2.xmlhttp " );

            }  catch  (e) {

                 try  {

                    http_request  =   new  activexobject( " microsoft.xmlhttp " );

                }  catch  (e) {}

            }

        }

         if  ( ! http_request) {

            alert('giving up :( cannot create an xmlhttp instance');

             return   false ;

        }

        http_request.onreadystatechange  =  alertcontents;

        http_request.open('get', url,  true );

        http_request.send( null );

    }

     function  alertcontents() {

         if  (http_request.readystate  ==   4 ) {

             if  (http_request.status  ==   200 ) {

                alert(http_request.responsetext);

            }  else  {

                alert('there was a problem  with  the request.');

            }

        }

    }

script >

< span

    style = " cursor: pointer; text-decoration: underline "

    onclick = " makerequest('test.html') " >

        make a request

span >

在此范例中：

• 首先使用者按下「make a request」
• 这么一来就会呼叫
       makerequest() 函式，亦传入参数值 test.html (也就是那份 html 档的名称，放在同目录下)
• 接着发出 request，而后会将主导权交给
       onreadystatechange 指定的 alertcontents() 函式
• alertcontents() 检查响应是否正常，而后以 alert() 将 test.html 的内容列出

你可以 ()，也可以参考 ()。

第四步 – 「x 档案」（又称为「处理 xml 响应值」）

前面的例子中，在收到 http 传回值后我们以对象的 reponsetext 属性使用 test.html 档案的内容，接着来试试 responsexml 属性的方法。

首先，我们得做个格式正确的 xml 文件，以便稍后取用。此档名唤 test.xml，内容如下：

在程序中，我们叫用档案的地方只须略事修改如下：

...

				

						
						onclick
						=
						"
						makerequest('test.xml')
						"
				
				
				
		

...

接着在 alertcontents() 中，我们必须将 alert(http_request.responsetext); 改成这样：