vue-resource如何向后端发送数据?

我想将input里的字段发送给后端,但是我在network里的请求中没有看到id这个字段?不知道是不是发送成功了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="search">
        <input type="text" v-model='input'>
        <button @click='getData'>查询</button>

        <div class="msg">{{msg}}</div>
    </div>
</body>
<script src='vue.js'></script>
<script src='vue-resource.js'></script>
<script>
    new Vue({
        el:"#search",
        data:{
            input:"",
            msg:""
        },
        methods:{
            getData(){
                this.$http.get("test.json",{id:this.input}).then(res=>{
                    console.log(res.data)
                    this.msg=res.data
            })
            }
        }

    })
</script>
</html>
阅读 5.5k
4 个回答
getData(){
    this.$http.get("test.json",{params: {id:this.input}}).then(res=>{
        console.log(res.data)
        this.msg=res.data
    })
}

vue-resource不建议用可。用axios.js请求数据,qs.js序列化提交的数据

你那发请求没有加网址吗?只有文件夹名

get好像不能发参数

试试

this.$http({
   method: 'GET',
   url: someUrl,
   params: {
     id:this.input   
   }
}).then((res) => {
    console.log(res.data)
})
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题