Ajax的简单实现

来源:百度知道 编辑:UC知道 时间:2024/05/26 18:32:49
a.jsp有一个列表

姓名 年龄

张三 18
李四 20

有一个按钮“ok”,当用户在这里点击ok后去b.jsp在b.jsp中修改张三为张三四,然后返回给a.jsp,以此实现页面的不刷新,但列表框内的数据发生变化。(注:b.jsp中的如何操作数据库不用写,可以返回一个固定值)

要求:
1.代码详细,有注释。
2.能运行,不出错。
3.最符合以上两点的直接给分。

a.htm
--------------------------------------------------------------------
<script type="text/javascript" language="javascript">
var http_request = false;
function makeRequest(url)
{
http_request = false;
if (window.XMLHttpRequest)
{
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType)
{
http_request.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject)
{
try
{
http_request = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
}
}
}

if ( !http_request )
{
alert('Cannot create an XMLHTTP instance!');
return false;
}
http_request.onreadys