以前都是通过ajax像后台传送数据,新接触了个form.js向后台提交数据的方式(付源码)
来源:互联网 发布:手机自动播音软件 编辑:程序博客网 时间:2024/05/29 03:06
实现原理是这样的:
他是通过一个input--file按钮,通过监听file文件的change属性,去做form表单提交的,我们知道当单纯的用form表单提交的时候,提交成功后都会跳转页面,那form.js就是阻拦了跳转页面,从而在succsee里面来接受form提交后接受的参数的。
js
//异步提交表单
$("#filer").on("change",function(){
console.log($(this));
$("#formid").ajaxSubmit({
type:'post',
dataType:'json',
xhrFields: {
withCredentials: true
},
crossDomain: true,
url:url+"equipmentInfo/inportExcel.do",
success:function(data){
// var data = JSON.parse(data)
// alert(data.data.userHeadImg);
console.log(data);
} else{
// window.location.reload();
}
// window.location.reload();
// $(".touxiang_imgs").attr("src",data.data.userHeadImg) ;
// window.localStorage.setItem("userHeadImg",data.data.userHeadImg)
},
error:function(XmlHttpRequest,textStatus,errorThrown){
console.log(XmlHttpRequest);
console.log(textStatus);
console.log(errorThrown);
}
});
});
html
<form id='formid'>
<input type='file' id='filer'/>
</form>
0 0
- 以前都是通过ajax像后台传送数据,新接触了个form.js向后台提交数据的方式(付源码)
- js向后台传送数据的中文乱码问题
- js向后台传送数据的中文乱码问题
- js向后台传送数据的中文乱码问题
- Web页面向后台提交数据的方式和选择
- Web页面向后台提交数据的方式和选择
- 多个checkbox 使用AJAX向后台传输数据的简单方式
- 在Spring Security中使用AJAX向后台传送数据
- 前端向后台服务器端发送请求并且传送数据的方式
- form表单通过hidden向后台传递请求数据
- 向后台请求数据的方式
- 使用jq+ajax向后台提交select input中的数据
- ext.grid.EditorGridPanel 向后台传送数据
- js同时提交多个Form表单数据至后台的拼装处理
- 前台向后台提交数据是乱码的处理
- jsp页面form向后台提交file、text以及后台的获取和中文的处理
- jquery通过ajax向后台发送(checkbox)数组,并在后台接收,(发送的数据是checkedbox)
- extjs ajax方式前后台数据传送(json格式)
- 导航栏的平滑显示和隐藏
- [解决]presto查询中The node may have crashed or be under too much load.的问题
- 加载fragment,调用时的坑
- KMP算法(1):如何理解KMP
- Mybatis分布式事物
- 以前都是通过ajax像后台传送数据,新接触了个form.js向后台提交数据的方式(付源码)
- HashMap与HashSet
- <27>python学习笔记——如何快速找到多个字典中的的公共键key
- asp.net的Http Modules介绍
- Linux使用ps查看系统进程信息的多种姿势
- KVM 介绍(1):简介及安装
- APP长连接的实现
- 简单的页面自适应
- J1-J4架构整理分析