vue ajax访问api失败,无法使用vue.js和ajax发布json数据来休息api

使用ajax和vue.js，我能够从我创建的api获取并显示数据。但是，当我尝试发布到api时，遇到了问题。控制台中没有显示任何内容，所以这个问题对我来说特别复杂。当我修改函数中的警报时，表单中的数据绑定似乎正在工作并传递到函数中。但是，没有数据正在发送。无法使用vue.js和ajax发布json数据来休息api

这里是我的html：

Submit

这里是newGuest，数据的设置是绑定到表单输入字段的JSON：

newGuest: {

name:'',

message:''

}

最后，这里是vue.js/ajax代码发送发布请求：

addGuest: function() {

var xhp = new XMLHttpRequest()

xhp.open('POST', apiURL)

xhp.setRequestHeader("Content-type", "application/json");

xhp.send(this.newGuest)

this.newGuest.name = ''

this.newGuest.message = ''

}

我的请求使用ajax看起来几乎完全一样，并且 这是工作。所以我很确定我的ajax语法是正确的

2016-03-03

Brian Ly

+0

尝试字符串化的** ** newGuest对象： 'xhp.send( JSON.stringify(this.newGuest))' –

+0

omg非常感谢你，我试着把它串起来，但我一定是做错了。我首先将它存储为一个变量，然后使用.send –