javascript - Ajax post 调用返回 parsererror

Question

我提交如下所述的 reactjs 表单，

submit(){    
    if(this.checkRequiredField()){
    $.ajax({
      url: '/api/Accounts',
      dataType: 'json',
      type: 'POST',
      data: {               
          Name: this.state.name, 
          StartDate :this.state.startDate, 
          EndDate : this.state.endDate,
          UserCount: this.state.userCount          
        },
      success: function(data, status, xhr) {            
        console.log('data added successfully');
      }.bind(this),
      error: function(xhr, status, err) {
        console.error(status, err.toString());
      }.bind(this)
    })
  }

上面的 ajax post 将调用相应的 Web Api post 方法，数据已成功插入到数据库中。

发送数据后，程序不会返回成功函数，而是调用错误函数并记录错误

parsererror SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data

当我检查 xhr.status 时，值为 201 并且 statustext 已创建。

为什么上面的 ajax post 调用返回 parsererror？如何解决这个问题？

Answer 1

问题出在 ajax 调用中提到的数据类型上。

post 方法没有返回任何 json 数据，通过将 dataType :'json' 更改为 dataType:'text' 解决了这个问题。

感谢 Jaromanda X 和 Mathew Jibin 的投入