1. 程式人生 > >vue-cli中使用FormData實現表單非同步提交

vue-cli中使用FormData實現表單非同步提交

<form @submit.prevent="submit($event)">

    <input type="text" class="form-control" placeholder="請輸入姓名" name="cuserName">

    <input type="submit" value="立即註冊" class="denglucon" />

</form>

submit: function(event) {

        var formData = new FormData(event.target);

                                $.ajax({
type: "post",
url: that.service + "/register",
dataType: 'json',
contentType: false,
processData: false,
data: formData,
success: function(res) {
if(res.status != 200) {
alert(res.msg)
return false;
}
}
});

}