vue-resource 表單提交

vue-resource

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

以上是官方解釋：vue-resource 是一個爲vue 提供web請求與處理響應的類jQuery Ajax的插件且支持json對象與XMLHttpRequest對象

話很少說，進入正題

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部分

<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 .com

so easy , that's end