厦门ajax程序,最初级的ajax程序

该文章实现的ajax功能是实现了在上面添加内容

jsp代码

//1写一个得到XMLHttpRequest对象的函数

function createXHR() {

var xhr = null;

if (window.ActiveXObject) {

xhr = new ActiveXObject("microsoft.xmlhttp");

} else {

xhr = new XMLHttpRequest();

}

return xhr;

}

//2写一个函数让标签来调用

function writeValue() {

alert("fausf");

//3创建ajax引擎对象

var xhr = createXHR();

//4创建ajax状态监听

xhr.onreadystatechange = function() {

if (xhr.readyState == 4) {

if (xhr.status == 200) {

//接受返回字符串

msg = xhr.responseText;

//使用返回的字符串信息

document.getElementById("txt").innerHTML = msg;

}

}

};

//5准备以get方式发送请求

xhr.open("get", "/Ajaxdemo/AServlet?time=" + new Date().getTime());

//设置为 post时，就可以在send函数中添加参数列表。当为get时，下面的send中参数为null。

xhr.send(null);

}

Servlet代码

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

// TODO Auto-generated method stub

//必须设置返回文件类型下面为html,还有一种是xml

response.setContentType("text/html;charset=utf-8");

response.getWriter().write("nihao");

运行截图