Servlet返回的数据js解析2种方法

下面是关于Servlet返回的数据js解析2种方法的完整攻略：

方法一：直接使用返回的数据

Servlet返回的数据可以是任意格式的数据，比如JSON、XML或普通的字符串格式等等。如果返回的是JSON格式的数据，我们可以在前端利用JS原生的JSON.parse()方法将其转化成JS对象。例如下面的示例：

// 假设这是从Servlet返回的JSON格式的数据
var jsonString = '{"name":"Tom","age":20,"gender":"male"}';
// 将JSON字符串转换成JS对象
var jsonObj = JSON.parse(jsonString);
// 访问JS对象中的属性
console.log(jsonObj.name);

如果返回的是XML格式的数据，我们可以利用JS原生的DOM API解析XML文档。例如下面的示例：

// 假设这是从Servlet返回的XML格式的数据
var xmlString = '<?xml version="1.0" encoding="UTF-8"?><book><name>《JavaScript高级程序设计》</name><price>¥89</price></book>';
// 创建DOM解析器
var parser = new DOMParser();
// 将XML字符串解析成DOM对象
var xmlDoc = parser.parseFromString(xmlString, "text/xml");
// 访问DOM对象中的节点
console.log(xmlDoc.getElementsByTagName("name")[0].childNodes[0].nodeValue);

方法二：利用Ajax异步获取数据并解析

如果Servlet返回的数据量比较大，或者需要进行一些额外的处理（比如在返回数据之前还需要进行一些操作，或者需要动态获取数据等），则我们可以利用Ajax异步获取数据并解析。下面是一个利用原生JS进行Ajax请求和解析的示例：

// 创建Ajax对象
var xhr = new XMLHttpRequest();
// 设置请求地址和方法
xhr.open('GET', 'http://localhost:8080/servlet/testServlet', true);
// 监听请求完成事件
xhr.onreadystatechange = function() {
    // 如果请求成功
    if (xhr.status === 200 && xhr.readyState === 4) {
        // 解析返回的数据
        var jsonObj = JSON.parse(xhr.responseText);
        // 访问JS对象中的属性
        console.log(jsonObj.name);
    }
};
// 发送请求
xhr.send(null);

总之，无论采用哪种方法，一定要保证返回的数据格式正确，并且在前端进行解析时注意数据类型和属性名等细节问题。