慕尼黑5688855
2022-06-16 15:46:34
我的 fom 有以下代碼<form @submit="onSubmit" method="POST"> <div class="mb-4"> <label class="block" for="name"> <span class="text-gray-900">Full name</span> <input class="form-input mt-1 block w-full outline-none" placeholder="Sherlock Holmes" v-model="formData.name" required id="name" name="name" type="text" /> </label> </div> <div class="mb-4"> <label class="block" for="email"> <span class="text-gray-900">Email address</span> <input class="form-input mt-1 block w-full outline-none" placeholder="sherlock@bakerstreet.com" v-model="formData.email" required id="email" name="email" type="email" /> </label> </div> <div class="mb-4"> <label class="block" for="department"> <span class="text-gray-700">Department</span> <select class="form-select mt-1 block w-full outline-none" name="deptid" v-model="formData.deptid" > <option value="1">General Support</option> <option value="5">Billing Support</option> <option value="2">Hosting Support</option> <option value="3">Domain Support</option> <option value="4">Game Support</option> </select> </label> </div> <div class="mb-4"> <label class="block" for="message"> <span class="text-gray-900">Message</span> <textarea class="form-input mt-1 block w-full outline-none h-56 resize-none" placeholder="Enter your message here" v-model="formData.message" name="message" id="message" cols="30" rows="10" required /> </label> </div>如果我執(zhí)行以下操作<form action="/backend/contact.php" method="POST">,則表格可以contact.php正常工作。所以我不確定為什么 axios 帖子不起作用。
1 回答

PIPIONE
TA貢獻1829條經(jīng)驗 獲得超9個贊
你在調(diào)用 this.formdata 而不是 this.formData?編輯:注意:您正在使用
onSubmit: function () {}
不要使用普通函數(shù),因為這里的 this 指的是當前函數(shù)使用 ES6 函數(shù)
onSubmit() {}
編輯:
var form = new FormData()
form.append('name', this.formData.name)
form.append('email', this.formData.email)
form.append('deptid', this.formData.deptid)
form.append('message', this.formData.message)
axios.post("https://hostedcarbon.com/backend/contact.php", form)
.then(res => {
console.log(res);
})
.catch(err => {
console.error(err);
});
添加回答
舉報
0/150
提交
取消