ajax初探

老丁 — Tue, 02 Dec 2008 12:20:00 GMT

最�q�研�I�了下ajax�Q�脓出来分��n�?br />
AJAX (异步 javascript �?XML) 是个��C�生的术语�Q�专为描�q�javascript的两��强大性能�Q�这两项强大性能是：
1.无需重新装蝲整个��面便能向服务器发送请�?
　　2.对XML文��的解析和处理�Q?br />
发送HTTP��h��Q?br />
首先创造一个类实例

    try{
                     request  =   new  XMLHttpRequest();
                   }catch(trymicrosoft) {
                      try{
                           request = new  ActiveXObject("Msxml2.XMLHTTP");
                     }catch(othermicrosoft){
                        try{
                             request  =   new  ActiveXObject("Microsoft.XMLHTTP");
                           }catch  (failed) {
                             request  =   false ;
                           }
                     }
                   }

得到响应后就用这句：
request.onreadystatechange = loginCallBack;

�q�里指出要用那个JS函执行，�q�里是loginCallBack函数�Q�这里的函数无需括号也无需参数�?br />
在定义了如何处理响应�?��p��发送请求了。可以调用HTTP��h��cȝ��open()和send()�Ҏ��Q�如下所�C�：

request.open("get",url,true);
request.send(null);

open()的第一个参数是HTTP��h��方式 - GET�Q�POST�Q�HEAD 或�Q何服务器所支持的您惌��用的方式。这个参数最好大写，某些��览�?如Firefox)可能无法处理��h��?br /> 　　�W�二个参数是��h��面的URL.�׃��自��n安全�Ҏ��的限制,该页面不能�ؓ�W�三方域名的��面.同时一定要保证在所有的��面中都使用准确的域�?否则调用出错�?br /> 　　�W�三个参数设�|�请求是否�ؓ异步模式。如果是TRUE, javascript函数��l�执行，而不�{�待服务器响应�?br /> 如果�W�一个参数是post�Q�send�Ҏ��可以传递参数格式跟我们WEB开发是��览器地址一回事�Q�多个可以用&�q�接�Q�？�Q?�Q�？&�Q�？=�Q�？�Q�用问号表示下）�?br />

function  loginCallBack(){
                if(request.readyState  ==   4 )
                    if  (request.status  ==   200 ){
                          var  mess  =  request.responseText;
                    }
           }

�q�里首先函数��查请求的状态，如果�?�Q�就意味着一个完整的服务器响应已�l�收��C��Q�可以处理该响应�?br />
　readyState的值如�?
　　0 (未初始化)
　　1 (正在装蝲)
　　2 (装蝲完毕)
　　3 (交互�?
　　4 (完成)

然后�Q�函��C��查HTTP服务器响应的状态��|��?00表示状态完整�?br /> 当这两个当满��_��可以处理数据了�Q�取得数据的方式有两�U�：

request.responseText
request.responseXML

�W�一�U�是以文本字�W�串的方式返回服务器的响应；
�W�二�U�是以XMLDocument对象方式�q�回响应�?br />
下面来看例子�Q?br />

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<html>
  <head>
    <title>My JSP 'index.jsp' starting pagetitle>
  head>

  <body>
    <script type="text/javascript" language="javascript">
function gotoSubmit(){
            getRequest();//获得��h��
                if(!request){
                    alert("该浏览器不支持XMLHttpRequest!");
                    return false;
                }
                request.onreadystatechange = loginCallBack;
                var url = "index.jsp";
                 request.open("post",url,false);
                 //request.open("get",url,true);
                 request.send(null);
        }

        function getRequest(){
                try{
                     request  =   new  XMLHttpRequest();
                   }catch(trymicrosoft) {
                      try{
                           request = new  ActiveXObject("Msxml2.XMLHTTP");
                     }catch(othermicrosoft){
                        try{
                             request  =   new  ActiveXObject("Microsoft.XMLHTTP");
                           }catch  (failed) {
                             request  =   false ;
                           }
                     }
                   }
            }
            function  loginCallBack(){
                if(request.readyState  ==   4 )
                    if  (request.status  ==   200 ){
                          var  mess  =  request.responseText;
                    }
           }

script>
<span
    style="cursor: pointer; text-decoration: underline"
    onclick="gotoSubmit()">
        gotoSubmit
span>

  body>
html>

跑�v工程后在�q�个��面上点击gotoSubmit�Q�会弹出index.jsp��面的所有内宏V�?br />
来看看处理xml文�g�Q�处理的xml文�g如下�Q?br />

xml version="1.0" ?>
<name>
laoding
name>

上面代码要改的地�Ҏ��两个�Q�第一把url换成�q�个xml文�g的�\径，�W�二个地�Ҏ��弹出信息的地方：
var mess=request.responseText;
alert(mess);
把这两句换成�Q?br />

var xmldoc = request.responseXML;
var root_node = xmldoc.getElementsByTagName('name').item(0);
alert(root_node.firstChild.data);

再执行程序就会看到效果了�Q�好了，到此�l�束了，眼睛痛回��M��息�?br />

老丁 2008-12-02 20:20 发表评论

久久久亚洲精华液精华液精华液,亚洲视频一区在线,亚洲视频一区二区在线观看

ajax初探