jQuery Ajax : send data storing in a variable

Question

我需要在 jQuery 的 ajax 调用中发送 JSON 数据，如下所示:

$.ajax({
    url: url,
    type: 'POST',
    dataType: 'json',
    contentType: "application/json; charset=utf-8",
    data: '{"assessmentId":1,"pageId":1,"currentPage":2}',
    async: false,
    success: function(data) {
    // TO DO
    }
});

这工作正常，但我发送的数据需要存储在如下变量中:

var jsonSendingData = '{"assessmentId":1,"pageId":1,"currentPage":2}';

一旦我将其保存在变量 jsonSendingData 中并传入 ajax 调用，就会出现错误。

我还尝试像这样对 json 数据进行字符串化:

var jsonSendingData = JSON.stringify([{"assessmentId":1,"pageId":1,"currentPage":2}]);

它不起作用。我在这里做错了什么？

Answer 1

您不需要以字符串形式发送数据，jQuery 会为您完成此操作。试试这个

var myData = {
  assessmentId: 1,
  pageId: 1,
  currentPage: 2
};

$.ajax({
    url: url,
    type: 'POST',
    dataType: 'json',
    contentType: "application/json; charset=utf-8",
    data: myData, //Notice the change here
    async: false,
    success: function(data) {
      // TO DO
    }
});

PS:有一个很similar answer here 。请检查一下。