Question

在jQuery中使用AJAX时，我有一些奇怪的情况。我在后端使用node.js和express.js，这是我为后端编写的简单路由：

public delegate void MsgArrivedEventHandler(object sender, EventArgs e);

现在在前端，我使用以下代码来执行请求：

app.all('/*', (request, response, next) => {
    response.header('Access-Control-Allow-Origin', '*');
    response.header('Access-Control-Allow-Methods', 'POST,GET');
    response.header('Access-Control-Allow-Headers', 'Content-Type,accept,access_token,X-Requested-With');
    next();
});

app.post('test', (request, response) => {
    response.json(
        {
            "message": "success", 
            "data" : "test"
        }
    );

    // I also tried to chain .status(200) before calling .json(), the problem still occur
});

并从我的主脚本中调用该类：

export class TestPage {
    constructor() {
        this._name = 'test';
    }

    get name() {
        return this._name;
    }

    performRequest() {
        $.ajax({
            type: 'POST',
            url: 'localhost:15000/test',
            data: { "test": "nothing" },
            dataType: 'json',
            success: (response) => {
                console.log(response);
            },
            error: (xhr, status, err) => {
                console.log(xhr.responseText);
                console.log(status);
                console.log(err);
            }
        });
    }
}

现在，在AJAX执行请求后，它将触发成功回调，但也会触发错误回调。

这是我从控制台窗口得到的：

您可能会注意到，第一个日志来自成功回调，其余来自错误回调。

任何想法在这里发生了什么以及如何解决这个问题？感谢

----编辑----
我找到了错误的来源，所以总之我使用babel来使用ES6功能并且我在客户端使用类

如果我将请求移动到构造函数，如：

   import { TestPage } from './TestPage'

   let test = new TestPage();
   test.performRequest();

并称之为：

export class TestPage {

    constructor() {
        this._name = 'test'
        $.ajax({
            type: 'POST',
            url: 'localhost:15000/test',
            data: { "test": "nothing" },
            dataType: 'json',
            success: (response) => {
                console.log(response);
            },
            error: (xhr, status, err) => {
                console.log(xhr.responseText);
                console.log(status);
                console.log(err);
            }
        });
    }

    get name() {
        return this._name;
    }
}

有效！没有错误回调被调用。

现在我的问题是，这怎么可能发生？为什么？以及如何将请求调用与函数分开？在构造函数中调用请求不是我想要的东西，因为可能我想在我的类中的某个地方封装请求。

Answer 1

在node.js端代码请尝试使用response.send（）而不是response.json（）

app.post('test', (request, response) => {
    response.send({"message": "success","data" : "test"});
});

调用成功处理程序后的AJAX parseerror

1 个答案: