ajax无刷新更改文章,ajax 页面无刷新更改数据库中的内容

用户名的年龄：

年龄的显示方法如下：

" style="background:red" οnclick="changeToInput(this.id)" value="">         

changeToInput(this.id)方法如下：

var req;

var gID;

function changeToInput(id) {

var oNP = document.getElementById(id);

var value = oNP.value;

oNP.outerHTML = "";

document.getElementById(id).focus();

}

function change(id) {

var oNP = document.getElementById(id);

var value = oNP.value;

gID = id;

init();

var url = "ChangeAge.jsp?id=" + escape(id) + "&age=" + value;

req.open("GET", url, true);

req.onreadystatechange = callback;

req.send(null);

}

function init() {

if(window.XMLHttpRequest) {

req = new XMLHttpRequest();

} else if (window.ActiveXObject) {

req = new ActiveXObject("Microsoft.XMLHTTP");

}

}

function callback() {

if(4 == req.readyState) {

if(200 == req.status) {

var oNP = document.getElementById(gID);

var value = oNP.value;

oNP.outerHTML = "" + value + "";

}

}

}

ChangAge.jsp页面代码如下：

int id = Integer.parseInt(request.getParameter("id"));

int age = Integer.parseInt(request.getParameter("age"));

IUserDAO userDAO = new UserDAO();

userDAO.UpdateAgeById(age,id);//调用DAO的方法更新年龄

response.setContentType("text/html;charset=gbk");

response.setHeader("Cache-Control", "no-store"); //HTTP1.1//阻止浏览器存储内容！

response.setHeader("Pragma", "no-cache");

response.setDateHeader("Expires", 0); %>