分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

ajax post 提交数据和文件

发布时间:2023-09-06 02:34责任编辑:傅花花关键词:暂无标签

方式一:常用的方式是通过form.serialize()获取表单数据,但是,这样有个弊端,文件不能上传

 ???????????$.ajax({ ???????????????url:‘/communication/u/‘, ???????????????type:‘POST‘, ???????????????data:$(‘#form‘).serialize(), ???????????????success:function(res){ ???????????????????ret = JSON.parse(res) ???????????????????for (i in ret.error){ ???????????????????????$("#er_"+i).html(ret.error[i][0].message) ???????????????????} ???????????????} ???????})

方式二:

  使用FormData对象,用来封装数据,能够提交文件

具体请看:https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/Using_FormData_Objects

 ??var formdata = new FormData(document.getElementById("modify")) ???????????$.ajax({ ???????????????url:‘/communication/u/‘, ???????????????type:‘POST‘, ???????????????data:formdata, ???????????????async: false, //不使用异步
          cache:false,//不缓存 ???????????????processData:false,//jquery不去处理发送的数据 ???????????????contentType:false,//jQuery不去设置content-type请求头 ???????????????success:function(res){ ???????????????????ret = JSON.parse(res) ???????????????????for (i in ret.error){ ???????????????????????$("#er_"+i).html(ret.error[i][0].message) ???????????????????} ???????????????} ???????})

ajax post 提交数据和文件

原文地址:https://www.cnblogs.com/wbdream/p/10475175.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved