AJAX原始用法 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Ajax</title>
    <mce:script type="text/javascript"><!--
        
        var xmlHttp;
        
        function createXMLHttpRequest(){
            if(window.ActiveXObject){
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } else {
                xmlHttp = new XMLHttpRequest();
            }
        }
        
        function sendServer() {
        
            var name = document.getElementById("myText").value;
            
            var v = encodeURIComponent(name)
            
            //alert(name);
            //alert(v);
            
            //var time = new Date().getTime();
            
            createXMLHttpRequest();
            //xmlHttp.open("GET","ajax.do?name="+v+"&date="+time,true);
            xmlHttp.open("GET","ajax.do?name="+v,true);
            //xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
            xmlHttp.onreadystatechange = callback;
            xmlHttp.send();
        }
        
        function callback(){
            if(xmlHttp.readyState == 4){
                document.getElementById("pic").style.display = "none";
                if(xmlHttp.status == 200){
                    var text = xmlHttp.responseText;
                    //alert(text);
                    document.getElementById("cc").innerHTML = text;
                } else {
                    alert(xmlHttp.status);
                }
            } else {
                document.getElementById("pic").style.display = "block";
            }
        }

    
// --></mce:script>
  </head>
  
  <body>
      <input type="text" id="myText"/>
      <div id="pic" style="display:none" mce_style="display:none">
          <img alt="" src="images/loading.gif" mce_src="images/loading.gif"/>
      </div>
      <div>
        <input type="button" value="Ajax Send" onclick="sendServer()"/>
    </div>
    <div id="cc"></div>
  </body>
</html>

posted on 2010-10-26 16:02  archie2010  阅读(360)  评论(0)  编辑  收藏  举报