Ajax的响应信息ResponseText和ResponseXML

时间:2022-10-13 14:40:27

     用Jquery写一了一段小代码提交ajax请求道servlet,返回选定省份的所有城市,实现省市和城市的联动效果,本来觉得一段简单的小代码很容易搞定,结果一直运行不正确,用firebug调试js脚本之后,发现返回的data为document类型,而我代码中需要返回的是字符串类型。Ajax的响应信息ResponseText和ResponseXML     

    在网络监控中发现返回的响应信息中response的类型为xml然后就一直报错:Ajax的响应信息ResponseText和ResponseXML

 

于是查看服务器端的servlet代码发现:

Ajax的响应信息ResponseText和ResponseXML

为了得到从服务器端返回的字符串结果,将contentType改为text/html.

Ajax的响应信息ResponseText和ResponseXML

进行测试后,发现,返回的类型为responseText:

Ajax的响应信息ResponseText和ResponseXML

    网络监控中发现返回的是html文档:

Ajax的响应信息ResponseText和ResponseXML     

     在servlet中将contentType设置为text/html,返回结果就是字符串,正确显示。我想不通为什么将contentType设置为text/xml ,返回字符串就出错,于是差了些资料,原来是XMLHttpRequest的responseText和responseXML的理解不够透彻。因此,总结出ajax的概念深入理解:

ResponseText和ResponseXML

  响应信息的内容可能有多种不同的形式,例 如XML、纯文本、(X)HTML或JavaScript对象符号(JSON)。我们可以根据所接收到的数据格式的不同,用两种不同的方法来处理:使用 responseText或者responseXML。responseText方法用于那些并非基于XML的格式。它把响应信息作为字符串,返回精确的 内容。纯文本、(X)HTML和JSON都使用responseText。在纯文本或HTML上使用这个方法是很简单的:

$.post(url,{index: $("#cityoption").get(0).selectedIndex},function(data){
    $('#area').html(data);});


   responseText不仅可以给页面添加内容,它在调试AJAX请求的时候也有用处。例如,你可能还没有准备好分析数据,因为你还不知道所有的标签 是什么样的,是XML格式的还是JSON文件。这就要求有一种用于检测被分析数据的途径。一旦你知道了所有的标签名称,所需要做的事情就只是编写代码 了。 

   responseXML的使用也相当简单。但是与JSON格式类似,XML要求进行数据分析。我们需要执行的第一项事务是识别出XML响应信息中的根节点。

var response = ajax.request.responseXML.documentElement;

  下一步,我们通过名称获取所有的元素并得到它们的值:

var header = response.getElementsByTagName(’header’)[0].firstChild.data;
var description = response.getElementsByTagName(’description’)[0].firstChild.data;
var sourceUrl = response.getElementsByTagName(’sourceUrl’)[0].firstChild.data;

  最后,我们把响应信息显示在相应的div标记中:

$(’body’).html("<b>" + header + "</b><br/>"
                 + description + "<br/><br/>"
                 + "<a href=’" + sourceUrl + "’>Download the source files</a>";


   用JavaScript的时候,JSON比XML要快一些,这是因为JSON所需要的分析代码比XML少很多,直接导致在分析大量数据的时候,JSON 的速度较快。JSON不如XML的地方在于XML受到的支持更大、服务器端开发选项更多。你可以根据环境和请求的用途来做出选择。