如何在vuejs中将JSON对象发布到web-server？

Question

我需要从客户端获取web服务器中的JSON对象。客户端-是一种浏览器。数据:用户名和密码。

下面是HTML代码：

<form action="/login" method="post">
    <input type="text" name="username" placeholder"Username"/>
    <input type="password" name="password" placeholder="Password"/>
    <input type="submit" value="Submit"/>
</form>

我试过vuejs：

new Vue({
    el: '#app',

    data: {
        username:'',
        password:'',
    },

    methods: {
        send: function () {
                this.$http.post("/login",
                    JSON.stringify({
                        username: this.username,
                        password: this.password,
                });)}},
  };

但它不起作用。

我也尝试过jquery，但错误是一样的。

错误:查找值开头的字符'u‘无效。

通过curl，没有这样的错误。

我哪里做错了？

Answer 1

尝试使用AXIOS

代码：

axios.post('/url', {
  jsonData: JSON.stringify(...data...)
})
.then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
});

Answer 2

你的$http来自哪里？您使用的http请求是什么？

您可以使用axios来执行HTTP请求。