手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >简单的AJAX实现(HELLO AJAX)
简单的AJAX实现(HELLO AJAX)
摘要:客户端部分:复制代码代码如下:varajax;functioncreateAjax(){if(window.ActiveXObject){t...

客户端部分:

复制代码 代码如下:

<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>

【简单的AJAX实现(HELLO AJAX)】相关文章:

Ajax在请求过程中显示进度的简单实现

Ajax 上传图片并预览的简单实现

AJAX简单测试代码实例

好用的AJAX类代码分享

AJAX 二级级联菜单实现代码

AJAX实践DWR篇

Ajax读取数据到表格的实现代码

一个简单的AJAX请求类

一个简单的ASP+AJAX留言本源码下载

Ajax简单的异步交互及Ajax原生编写

精品推荐
分类导航