现在的位置: 首页 > 综合 > 正文

一个简单的AJAX实现(HELLO AJAX)

2012年04月04日 ⁄ 综合 ⁄ 共 1932字 ⁄ 字号 评论关闭
程序员最喜欢的衬衫

客户端部分:

 

<html>

<head>
    
<meta http-equiv="Content-Type" content="text/html"/>
    
<script language="javascript">
        
var ajax;
        
function createAjax()
        {
            
if(window.ActiveXObject)
            {
                
try
                {
                    
return new ActiveXObject("Msxm12.XMLHTTP");
                }
                
catch(e)
                {
                    
try
                    {
                        
return new
                                ActiveXObject(
"Microsoft.XMLHTTP");
                    }
                    
catch(e2)
                    {
                        
return null;
                    }
                }
            }
            
else if(window.XMLHttpRequest)
            {
                
return new XMLHttpRequest();
            }
            
else
            {
                
return null;
            }
        }
        
function onRcvData()
        {
            
if(ajax.readyState==4)
            {
                
if(ajax.status==200)
                {
                    
var content=document.getElementById('content');
                    content.innerHTML
=ajax.responseText;
                }
                
else
                {
                    alert(
"error");
                }
            }
        }
        
function ajaxSendRequest(uri)
        {
            ajax
=createAjax();
            
if(!ajax)
            {
                alert(
"no");
                
return 0;
            }
            
            ajax.onreadystatechange
=onRcvData;
            ajax.open(
"GET",uri,true);
            ajax.send(
"");
        }
    
</script>
<title>Hello AJAX</title>

</head>

<body>
    
<div id="content"></div>
    
<br>
    
<input type="button" value="Hello" 
        onclick
="ajaxSendRequest('http://localhost:8080/test/hello.jsp')">
</body>

</html>

 

服务器端部分(hello.jsp)

 

<html>
    
<head>
        
<title>hellp</title>
    
</head>
    
<body>
       
<%
          out.println(
"HELLO AJAX");
       
%>
    
</body>
</html>

 

 

抱歉!评论已关闭.