源:http://lou888.blog.hexun.com/46543491_d.html
评:
一、ajax中responseText与responseXML区别
1、"responseText”属性以字符串形式返回HTTP响应;“responseXML”属性以XML形式返回HTTP响应。
function getTel() {
var telText = document.getElementById("mantel");
telText.value = "";
if(xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var message = xmlHttp.responseText;
telText.value = message;
}
}
}
2、“responseXML”属性返回了一份XML文档对象,可以使用W3C DOM节点树方法和属性对该XML文档对象进行检查和解析。
function getUserInfo() {
var peoplemobile=document.getElementById("_Peoplemobile");
if(xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var xmlDoc = xmlHttp.responseXML.documentElement;
var xSel = xmlDoc.getElementsByTagName("select");//得到xml文档中,节点为select的对象
for (var i=0;i<xSel.length;i++){
var xValue = xSel[i].childNodes[0].firstChild.nodeValue;//得到select节点下的第一个节点
var xText = xSel[i].childNodes[1].firstChild.nodeValue; //得到select节点下的第二个节点
if(xValue=='peoplemobile'){
peoplemobile.value=xText;
}
}
}
}
}
二、java中的代码
/**
* ajax获得用户电话号码,返回文本
* @param mapping
* @param form
* @param request
* @param response
* @return
* @throws DataAccessException
* @throws IOException
* @throws ParseException
*/
public ActionForward toGetTelNumber(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response)
throws DataAccessException, IOException, ParseException {
String username = request.getParameter("person_id");
String tel = releasePlanService.getTelByName(username);
if (tel != null) {
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
out.print(tel);
return null;
} else {
tel = "";
response.setContentType("text/xml;charset=UTF-8");
PrintWriter out = response.getWriter();
out.print(tel);
return null;
}
}
/**
* ajax获得用户信息,返回xml
* @param mapping
* @param form
* @param request
* @param response
* @return
* @throws DataAccessException
* @throws IOException
* @throws ParseException
*/
public ActionForward togetUserInfo(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response)
throws DataAccessException, IOException, ParseException {
String userid = request.getParameter("userid");
response.setContentType("text/xml;charset=UTF-8");
response.setHeader("Cache-Control", "no-cache");
String xml_start = "<?xml version = \"1.0\" encoding = \"UTF-8\"?>";
xml_start += "<selects>";
String xml_end = "</selects>";
String xml = "";
String last_xml = "";
try {
UserInfoExtendBean userInfoExtendBean=userInfoService.select(userid);
String mobile=userInfoExtendBean.getMobile()!=null?userInfoExtendBean.getMobile():"无";
String tel=userInfoExtendBean.getTel()!=null?userInfoExtendBean.getTel():"无";
String mail=userInfoExtendBean.getEmail()!=null?userInfoExtendBean.getEmail():"无";
xml = xml + "<select><value>" + "peoplemobile"
+ "</value><text>" + mobile
+ "</text></select>"
+ "<select><value>" + "peopletel"
+ "</value><text>" + tel
+ "</text></select>"
+ "<select><value>" + "email"
+ "</value><text>" + mail
+ "</text></select>";;
last_xml = xml_start + xml + xml_end;
response.getWriter().print(last_xml);
} catch (Exception e) {
return mapping.findForward("error");
}
return null;
}
分享到:
相关推荐
总的来说,理解和掌握如何在ASP.NET AJAX中处理`ResponseXML`和`ResponseText`是提升用户体验和提高应用性能的关键。通过灵活地利用这些特性,你可以构建出更高效、更互动的Web应用程序。在实际项目中,根据服务器...
Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是现代网页开发中的核心技术,它使得网页可以在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。这一技术的核心在于实现页面的...
一旦服务器返回数据,就可以使用responseText或responseXML属性获取响应内容,无论是文本还是XML格式。 **Ajax的基本工作流程** 1. 创建XMLHttpRequest对象:在JavaScript中,如果浏览器支持Ajax,可以使用`new ...
Ajax,全称Asynchronous JavaScript and XML(异步JavaScript与XML),是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。Ajax的核心在于利用JavaScript与服务器进行异步数据交互,结合XML或其他数据...
5. **接收响应**:当readyState变为4(表示请求已完成)且status为200(表示成功)时,读取responseText或responseXML获取服务器返回的数据。 6. **处理数据**:最后,将接收到的数据插入到网页的适当位置。 三、...
5. **处理响应**:使用responseText或responseXML属性获取服务器返回的数据,通常是HTML文本或XML文档。 ### 2. 数据格式 虽然名称中含有XML,但实际上Ajax并不局限于使用XML,也可以是JSON、HTML或者纯文本等。...
7. **处理响应**:获取并解析服务器返回的数据,可以通过responseText或responseXML属性获取,然后使用JavaScript更新DOM,改变页面显示。 JavaScript是Ajax的驱动力,它不仅负责创建和操作XMLHttpRequest对象,还...
responseText或responseXML属性则用于获取服务器的响应数据。 **4. jQuery与Ajax** jQuery简化了Ajax的使用,提供了一系列易于使用的函数,如$.ajax()、$.get()、$.post()等。这些函数封装了底层的XMLHttpRequest...
在Web开发中,Ajax使得用户可以与服务器进行异步数据交换,极大地提升了用户体验。本组件是一个入门级的Ajax web应用实例,适用于初学者了解和学习Ajax如何与后台进行数据交互。 1. **Ajax的基本原理**: - **异步...
当服务器响应时,onreadystatechange事件会被触发,通过status属性检查请求状态,如果为200表示成功,通过responseText或responseXML获取服务器返回的数据。 **JSON** JSON(JavaScript Object Notation)是一种轻...
本教程将深入探讨Ajax的基本应用及其在实际开发中的实现。 **1. 基本原理** Ajax的基本工作流程包括以下几个步骤: 1) **创建XMLHttpRequest对象**:这是Ajax的核心,负责与服务器通信。 2) **初始化请求**:设置...
responseText/responseXML :服务器的响应字符串 status:服务器返回的HTTP状态码 statusText: 服务器返回的HTTP状态信息 readyState :对象状态(0-4) 0 = 未初始化 1 = 正在加载 2 = 已加载 3 = 交互...
5. **接收响应**:如果`status`属性值为200,表示请求成功,可以使用`responseText`或`responseXML`属性获取服务器返回的数据。 6. **处理返回数据**:将服务器返回的数据解析并更新DOM,实现局部刷新。 ### **Ajax...
8. **接收响应**:当服务器响应准备好,XMLHttpRequest对象的onreadystatechange事件被触发,通过status属性检查请求状态,通过responseText或responseXML获取响应数据。 9. **处理响应**:JavaScript解析返回的...
例如,它可能涵盖了XMLHttpRequest对象的所有方法和属性,如open()、send()、abort()、status、responseText、responseXML等。此外,手册还可能包含关于JSONP、CORS(跨源资源共享)和XDomainRequest(IE的跨域解决...
如果成功,可以通过responseText或responseXML获取服务器返回的数据,然后通过DOM操作将新数据插入到页面中。 4. 服务器端处理:AJAX请求到达服务器后,服务器会根据请求执行相应的业务逻辑,然后返回数据。这可能...
4. **处理响应**:讲解如何通过onreadystatechange事件和responseText或responseXML属性获取和解析服务器返回的数据。 5. **JSON与Ajax**:由于XML在实际应用中并不常用,手册可能会重点讲解如何使用JSON...
- **处理响应**:当服务器返回数据时,通过responseText或responseXML获取,并更新DOM。 **3. Ajax的关键API:** - **open()**:设置请求的类型、URL和是否异步。 - **send()**:发送请求,如果是POST,还需设置...
- 处理响应:当请求成功,通过responseText或responseXML获取服务器返回的数据,并更新页面元素。 3. Ajax的应用场景: - 表单提交:无需刷新页面即可验证用户输入,提高用户体验。 - 数据加载:动态加载新闻、...
如果成功,就从responseText或responseXML属性中获取响应数据。 6. **DOM更新**:最后,JavaScript更新DOM树,将接收到的数据显示在网页的相应位置,无需整个页面刷新。 以压缩包中的`ajaxDemo`为例,这个示例可能...