完美解决ajax跨域请求下parsererror的错误

如果在ajax跨域请求中出现parsererror的错误，这可能是由于跨域请求时response header中Access-Control-Allow-Origin字段未设置导致的。在这种情况下，我们可以通过以下方法来完美解决这个问题。

步骤一：为服务端添加Access-Control-Allow-Origin头部

在服务端的响应头部添加Access-Control-Allow-Origin字段并设置为"*"即可解决如此问题。如果这是一个基于node.js的RESTful API，则可以通过以下方式在响应头部添加该字段：

res.setHeader('Access-Control-Allow-Origin', '*'); 

如果代码在Apache服务器上运行，则可以通过添加以下代码到.htaccess文件（请注意：你需要确保允许.htaccess）中的方式来实现同样的结果：

Header add Access-Control-Allow-Origin "*"

如果你使用的是基于nginx的服务器，则可以在配置文件中添加以下代码来设置Access-Control-Allow-Origin头部：

add_header 'Access-Control-Allow-Origin' '*';

步骤二：添加Access-Control-Allow-Headers头部

如果在跨域请求中使用了自定义请求头部，那么你需要添加Access-Control-Allow-Headers头部，并设置为包含所有自定义请求头部的字符串。可以通过以下方式来实现这一点：

res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization');

同样的，在Apache服务器上你需要将以下代码添加到.htaccess文件中：

Header add Access-Control-Allow-Headers "Content-Type, Authorization"

在Nginx服务器上需要添加以下内容到配置文件中：

add_header 'Access-Control-Allow-Headers' 'Content-Type, Authorization';

在完成了以上两个步骤后，即可完美解决跨域请求下的parsererror的错误。下面是一个使用jQuery发送跨域请求的示例：

$.ajax({
    type: "GET",
    dataType: "json",
    url: "http://www.example.com/api",
    success: function(response) {
        console.log("Success: ", response);
    },
    error: function(xhr, status, error) {
        console.log("Error: ", xhr.responseText);
    }
});

下面是使用XMLHttpRequest对象发送跨域请求的示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://www.example.com/api', true);
xhr.onload = function() {
    if (xhr.status === 200) {
        console.log("Success: ", xhr.responseText);
    } else {
        console.log("Error: ", xhr.status);
    }
};
xhr.send();

以上就是完美解决ajax跨域请求下parsererror的错误的攻略，需要确保响应头部正确设置，并添加Access-Control-Allow-Headers头部即可。