初学Ajax，求简单实例

关于Ajax的文章刚看了，一些，想写个简单的例子，不知如何下手。
求，简单实例，用以参考，请明确注释或加油说明。感激不尽。
可用分不多，都压西班牙、德国了。哈哈！

解决方案 »

  1.   

    此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
    楼主【ldy214】截止到2008-06-25 13:24:08的历史汇总数据(不包括此帖)：
    发帖数:39                 发帖分:1040               
    结贴数:39                 结贴分:1040               
    未结数:0                  未结分:0                  
    结贴率:100.00%            结分率:100.00%            
    敬礼!
      

  2.   

    var xmlHttp
    function showHint(str,target){  document.getElementById(target).innerHTML = "Please wait...." xmlHttp = GetXmlHttpObject()
     if (xmlHttp == null){
      alert ("Browser does not support HTTP Request")
      return
     }
     xmlHttp.onreadystatechange = function(){stateChanged(target)}
     xmlHttp.open("GET",str,true)
     xmlHttp.send(null)
    } function stateChanged(target){
     if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete"){
      document.getElementById(target).innerHTML = xmlHttp.responseText
     }
    }function GetXmlHttpObject(){
     var objXMLHttp = null
     if (window.XMLHttpRequest){
      objXMLHttp = new XMLHttpRequest()
     } else if (window.ActiveXObject){
      try {
       objXMLHttp = new ActiveXObject("Msxml2.XMLHTTP")
      } catch(e) {
       try{
        objXMLHttp = new ActiveXObject("Microsoft.XMLHTTP")
       } catch(e) {
       }
      }
     }
     return objXMLHttp
    }
      

  3.   

    我的分都压输了。。 打算最后一搏了lz按照下面的例子走一下就可以了，里面代码写的很详细，也很全：http://www.java3z.com/cwbwebhome/article/article5/5539.html?id=755
      

  4.   

    showHint('url','targetDiv')
    url 填你向加载的页面
    targetDiv 填你想显示的目标层
      

  5.   

    例子中主要是 servlet 与 ajax 通过xml传输数据，解析xml，请求和应答。lz有时间的话就看看吧，对你学习ajax会有帮助的。o(∩_∩)o...
      

  6.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
      <title></title>
        <script type="text/javascript">
            var xmlhttp;
            function submit(){
                  //1.创建XMLHttpRequest对象
                if(window.XMLHttpRequest){
                     //IE7,IE8,FireFox,Mozilla,Safari,Opera
                    xmlhttp=new XMLHttpRequest();
                     //解决某些特定版本的Mozilla的BUG
                    if(xmlhttp.overrideMimeType){
                        xmlhttp.overrideMimeType("text/xml");
                    }
                }else if(window.ActiveXObject){
                     //IE6,IE5.5,IE5
                     var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
                    for (var i = 0; i < activexName.length; i++) {
                        try{
                            xmlhttp = new ActiveXObject(activexName[i]);
                            break;
                        }catch(e) {                    }
                    }                    
                }
                 if (xmlhttp == undefined || xmlhttp == null ) {
                    alert("当前浏览器不支持XMLHTTPRequest对象，请更换浏览器");
                    return;
                }
                 //2.注册回调方法
                xmlhttp.onreadystatechange = callback;
                //获取用户输入的用户名
                var userName = document.getElementById("userName").value;
                userName=encodeURI(encodeURI(userName));
                 //GET方式
                var url = "http://127.0.0.1:8080/AjaxServlet" + "?name=" + userName;
                url = convertURL(url);
                //3.设置用户服务器端交互所需的相关信息
                  /*
                xmlhttp.open("GET",url,true);            //4.发送数据，开始和服务器进行交互
                xmlhttp.send(null);
                  */
                //POST方式            xmlhttp.open("POST",url,true);
                xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
                xmlhttp.send("name=" + userName);
                
                 //5.判断与服务器端的交互是否结束，并且服务器端是否正确返回结果
            }
            function callback(){
                  if (xmlhttp.readyState == 4) {
                       //表示和服务器端的交互已经结束
                      if (xmlhttp.status == 200) {
                           //服务器端正确返回的数据                      //获取服务器端返回的数据
                          //返回纯文本数据
                           var message = xmlhttp.responseText;                       //判断是否正确返回XML数据
                        /*
                        var rootElement = xmlhttp.responseXML.documentElement;
                        if (rootElement == null || rootElement.nodeName == "Message"）{
                            //意味着返回的XML有错误
                        } else {
                            //可以正常的处理数据
                        }
                        */                       //返回XML数据的DOM对象,使用前提：1.服务器端必须设置contentType类型为text/xml.2.服务器端返回的必须是一个正确的XML数据
                           //xmlhttp.responseXML;
                          //在页面上动态的显示服务器端回来的数据,也需要DOM的知识，这里仍然记忆固定用法
                             document.getElementById("message").innerHTML = message;
                      }else{
                           alert("服务器端响应失败：" + xmlhttp.statusText);
                      }
                  }
            }
            //写一个时间戳来 根据当前时间来改变浏览器的url地址;为了防止ie的缓存.
            function timeStap(url){
                if(url.indexof("?")>=0){
                    url=url+"&t="+(new Date()).valueOf();
                }else{
                    url=url+"?t="+(new Date()).valueOf();
                }
                return url;
            }
             function convertURL(url){
                 if(url.substring(0,7) == "http://"){
                     url=url.replace("?","&");
                     url="Proxy?url="+url;
                 }
                 return url;
             }
        </script>
    </head>
    <body>
             <input type="text" id="userName" />
             <input type="button" value="check" onclick="submit()" />
             <div id="message"></div></body>
    </html>