vue-resource 表单提交

时间 2019-12-12

标签 vue resource 表单提交栏目 HTML 繁體版

原文原文链接

vue-resource

The plugin for Vue.js provides services for making web requests and handle responses using a XMLHttpRequest or JSONPvue

以上是官方解释：vue-resource 是一个为vue 提供web请求与处理响应的类jQuery Ajax的插件且支持json对象与XMLHttpRequest对象web

话很少说，进入正题json

HTML部分服务器

<div class="page_bd">
        <div class="weui-cells">
           <div class="weui-cell">
                <div class="weui-cell__bd">
                    <input class="weui-input" v-model="student.userName" type="text" placeholder="姓名">
                </div>
            </div>
        </div>

        <div class="weui-cells">
           <div class="weui-cell">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" v-model="student.phoneCode"  placeholder="手机">
                </div>
            </div>
        </div>
</div>

js部分ide

<script>
export default {
    data:{
        return {
            student:{
                userName:"",
                phoneCode:""
            }
        }
    },
    methods: {
        doSubmit(){
           
            var formData = JSON.stringify(this.student); // 这里才是你的表单数据
            this.$http.post(url,formData).then(function(data){
                if(data.json().state=="success"){
                    setTimeout(function () {
                        console.log("success");  
                    }, 2000);       
                }
            
            }).catch(function(){
              console.log("服务器异常！");
            });
            

        }

    }
}
</script>

欢迎指正 499260459@qq .comvue-resource

so easy , that's end post