json - 如何在 vuejs 中将 JSON 对象发布到 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 没有这样的错误。

我哪里做错了?

最佳答案

尝试使用 AXIOS

代码:

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

https://stackoverflow.com/questions/49599146/

相关文章:

protocol-buffers - 运行 protoc 时是否可以指定输出版本?

google-forms - 在谷歌表单中将文本右对齐

azure - 在不属于 Active Directory 的 Azure VM 上创建新用户

java - 如何在 GraphQL Java 上拆分模式

php - NelmioApiDocBundle 不生成文档

python - 在 spark-submit 之前安装 pyspark 作业的要求

sql - Oracle left join 表现得像 inner join

angular - 如何将 Blob 转换为图像并将其显示 Angular 5

git - 从 GitLab merge 请求中排除特定提交

angular - 新的 Angular HTTPClient 从 Dreamfactory API