json - 如何在 vuejs 中将 JSON 对象发布到 Web 服务器？

Question

我需要从客户端获取网络服务器中的 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);
});