form提交表单的几种方法

阅读量： 69 发布日期： 2022-10-27 08:25:47

不同的浏览器对表单提交的方法是不同的，本文将介绍几种常见的提交方法。

form提交表单的几种方法

1、什么是form提交表单

表单提交是将表单中的数据提交到服务器，服务器会根据提交的数据进行相应处理。表单提交有几种方法，不同的方法会得到不同的效果。使用不同方法提交表单可以得到不同的效果。

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

form提交表单的方法有post和get两种。

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

表单提交有三种方法：一种是get方法，通过URL传递参数，将表单的内容放在URL中提交；第二种是post方法，将表单的内容放在HTTP请求中提交；第三种是通过Ajax提交。这三种方法各有优缺点，使用不同方法得到不同效果。

onChange() {

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

console.log(this.file);

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

}

post请求：

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);

});

};

发送请求data使用formdata对象，可以将数据键值形式进行发送，写法如下：let formdata = new FormData();

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

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

upload('/path1',formdata)

本文介绍了几种常见的表单提交方法，希望能帮助大家。

表单

上一篇：: jre安装教程(新手入门教学)

下一篇：: css样式之table样式写法

form提交表单的几种方法

热点推荐

相关模板推荐

无人机充电桩IT科技网站模板

HY011免费模板

HY010免费模板(带商城功能)

HY009免费模板

HY008免费模板

HY007免费模板

联系方式