form提交表單的幾種方法

閱讀量： 69 發(fā)布日期： 2022-10-27 08:25:47

不同的瀏覽器對(duì)表單提交的方法是不同的，本文將介紹幾種常見的提交方法。

form提交表單的幾種方法

1、什么是form提交表單

表單提交是將表單中的數(shù)據(jù)提交到服務(wù)器，服務(wù)器會(huì)根據(jù)提交的數(shù)據(jù)進(jìn)行相應(yīng)處理。表單提交有幾種方法，不同的方法會(huì)得到不同的效果。使用不同方法提交表單可以得到不同的效果。

2、form提交表單的方法有哪些

form提交表單的方法有post和get兩種。

3、使用不同方法提交表單得到不同效果

表單提交有三種方法：一種是get方法，通過URL傳遞參數(shù)，將表單的內(nèi)容放在URL中提交；第二種是post方法，將表單的內(nèi)容放在HTTP請(qǐng)求中提交；第三種是通過Ajax提交。這三種方法各有優(yōu)缺點(diǎn)，使用不同方法得到不同效果。

onChange() {

this.file = this.$refs.fileId.files[0];

console.log(this.file);

console.log(this.$refs.fileId.files);

}

post請(qǐng)求：

post = (url, data) => {

return new Promise((resolve, reject) => {

axios.post(url, data).then(res => {

resolve(res.data);

}).catch(err => {

reject(err);

});

};

上傳文件

upload = (url, data) => {

return new Promise((resolve, reject) => {

axios.post(url, data, {

headers: {'Content-Type': 'multipart/form-data'}

}).then(res => {

resolve(res.data);

}).catch(err => {

reject(err);

});

};

發(fā)送請(qǐng)求data使用formdata對(duì)象，可以將數(shù)據(jù)鍵值形式進(jìn)行發(fā)送，寫法如下：let formdata = new FormData();

formdata.append("dirName", this.dirName);

formdata.append("file", this.file);

upload('/path1',formdata)

本文介紹了幾種常見的表單提交方法，希望能幫助大家。

表單

上一篇：: jre安裝教程(新手入門教學(xué))

下一篇：: css樣式之table樣式寫法

午夜福利欧美,国产精品va一区二区三区,欧美日韩一区二区高清,区二区三区_久久精品国产

form提交表單的幾種方法

熱點(diǎn)推薦

相關(guān)模板推薦

無人機(jī)充電樁IT科技網(wǎng)站模板

HY011免費(fèi)模板

HY010免費(fèi)模板(帶商城功能)

HY009免費(fèi)模板

HY008免費(fèi)模板

HY007免費(fèi)模板

聯(lián)系方式