如何在vuejs中发布JSON对象到Web服务器?

6jygbczu  于 2023-02-05  发布在  Vue.js
关注(0)|答案(2)|浏览(130)

我需要从客户端获取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"无效。
通过旋度,不存在这样的误差。
我做错了什么?

46scxncf

46scxncf1#

尝试使用AXIOS
代码:

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

voj3qocg2#

你的$http来自哪里?你用什么来请求http?
您可以使用axios执行HTTP请求。

相关问题