码迷,mamicode.com
首页 > 移动开发 > 详细

axios页面无刷新提交from表单

时间:2019-04-05 09:32:19      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:表单   BMI   结束   post   car   prevent   event   from   ima   

页面部分大概意思一下

1 <form method="post"  enctype="multipart/form-data">
2         ...  
3 </form>

axios部分代码以vue示例:

//提交表单
    onSubmit(e) {
      e = e || event;
      e.preventDefault();
      let self = this;
      let formData = new FormData();
      formData.append("idCard", self.cardImageFile);//文件
      formData.append("idType", "1");
      formData.append("idNumber", self.cardNo);

      let config = {
        headers: {
          "Content-Type": "multipart/form-data"
        }
      };
      self.$http.post("/upload", formData, config).then(
        function(response) {
          if (response.data.code == 200 && response.data.success) {
            /*这里做处理*/
          }
        },
        response => {}
      );
    },

文件在onchange事件里面取file

无刷新提交表单到此就结束了

 

axios页面无刷新提交from表单

标签:表单   BMI   结束   post   car   prevent   event   from   ima   

原文地址:https://www.cnblogs.com/threepigs/p/10657871.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!