AJAX:XMLHttpRequest说明

发布时间：2020-12-15 21:04:34 所属栏目：百科来源：网络整理

导读：1.创建XMLHttpRequest对象 function createXmlHttp() { if (window.XMLHttpRequest) { //针对FireFox，Mozillar，Opera，Safari，IE7，IE8 xmlhttp = new XMLHttpRequest(); //针对某些特定版本的mozillar浏览器的BUG进行修正 if (xmlhttp.overrideMimeType)

1.创建XMLHttpRequest对象

2.在函数中处理

function verify() {
var userName = document.getElementById("userName").value;
createXmlHttp();
//以post方式提交请求
xmlhttp.open("POST","AjaxXMLServer",true);
//post方式需要设置请求头
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//设置回调函数
xmlhttp.onreadystatechange=callback;
//post方式发送数据
xmlhttp.send("name="+userName);
}

3.回调函数

//回调函数处理提交回来的xml数据
function callback() {
if(xmlhttp.readyState == 4) {
if(xmlhttp.status == 200) {
//接收xml文档
var domObj = xmlhttp.responseXML;
if(domObj){
var messageNodes = domObj.getElementsByTagName("message");
if(messageNodes.length > 0) {
var textNode = messageNodes[0].firstChild;
var responseMessage = textNode.nodeValue;
var divNode = document.getElementById("result");
divNode.innerHTML=responseMessage;
}else {
alert("XML数据格式错误，原始文本内容为：" + xmlhttp.responseText);
}
} else {
alert("XML数据格式错误，原始文本内容为：" + xmlhttp.responseText);
}
}
}
}

4.后台Servlet

@Override protected void doGet(HttpServletRequest httpServletRequest,HttpServletResponse httpServletResponse) throws ServletException,IOException { //1.取得参数 httpServletResponse.setContentType("text/xml;charset=utf-8"); StringBuilder sb = new StringBuilder(); PrintWriter out = httpServletResponse.getWriter(); String old = httpServletRequest.getParameter("name"); sb.append("<message>"); if(old == null || old.length() == 0) { sb.append("用户名不能为空"); } else { String name = old; if(name.equals("huaguoming")) { sb.append("用户名[") .append(name) .append("]已经存在"); }else { sb.append("用户名[") .append(name) .append("]不存在，可以使用！"); } } sb.append("</message>"); out.println(sb.toString()); }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!