AngularJS模仿Form表单提交的实现代码


Posted in Javascript onDecember 08, 2016

废话不多说了,直接给大家贴代码了。

$http({
url: "http://localhost:10086/yuanxin/Conference/ImportExcelDataForBusRoute",
method: 'Post',
headers: {
'Content-Type': 'multipart/form-data' 
},
data: { BusRoute: file, ConferenceID: "1" },
transformRequest: function (data, headersGetter) {//进行格式转换,非常关键
var formData = new FormData();//将model转为表单格式
angular.forEach(data, function (value, key) {
formData.append(key, value);
});
var headers = headersGetter();
delete headers['Content-Type'];
return formData;
}
}).success(function (data) {
$scope.isSubming = false;
$scope.BusRouteColl = data.dataList;
$scope.pageIndex = 1;
$scope.pageCount = data.pageCount;
//alert(data.property.mp);
}).error(function (ex, state) {
alert(ex);
console.log(state + ":" + ex.exceptionMessage);
console.log(ex.stackTrace);
$scope.isSubming = false;
});

以上所述是小编给大家介绍的AngularJS模仿Form表单提交的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js 居中漂浮广告
Mar 21 Javascript
jquery如何改变html标签的样式(两种实现方法)
Jan 16 Javascript
js去字符串前后空格5种实现方法及比较
Apr 03 Javascript
js模仿hover的具体实现代码
Dec 30 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
Sep 22 Javascript
浅谈javascript中字符串String与数组Array
Dec 31 Javascript
JavaScript DOM操作表格及样式
Apr 13 Javascript
Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法
Oct 13 Javascript
详解vue-cli + webpack 多页面实例应用
Apr 25 Javascript
微信小程序实现购物车代码实例详解
Aug 29 Javascript
vue中更改数组中属性,在页面中不生效的解决方法
Oct 30 Javascript
javascript 高级语法之继承的基本使用方法示例
Nov 11 Javascript
解析如何利用iframe标签以及js制作时钟
Dec 08 #Javascript
详解微信小程序 页面跳转 传递参数
Dec 08 #Javascript
浅谈javascript中执行环境(作用域)与作用域链
Dec 08 #Javascript
原生js编写焦点图效果
Dec 08 #Javascript
JavaScript中${pageContext.request.contextPath}取值问题及解决方案
Dec 08 #Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
Dec 08 #Javascript
Vue自定义指令介绍(2)
Dec 08 #Javascript
You might like
php 获取一个月第一天与最后一天的代码
2010/05/16 PHP
详解PHP的Yii框架中扩展的安装与使用
2016/04/01 PHP
php版交通银行网银支付接口开发入门教程
2016/09/26 PHP
PHP抽象类与接口的区别详解
2019/03/21 PHP
PHP的cookie与session原理及用法详解
2019/09/27 PHP
使用jquery局部刷新(jquery.load)从数据库取出数据
2014/01/22 Javascript
jQuery 获取、设置HTML或TEXT内容的两种方法
2014/05/23 Javascript
JS实现兼容性好,自动置顶的淘宝悬浮工具栏效果
2015/09/18 Javascript
Vuejs第十三篇之组件——杂项
2016/09/09 Javascript
微信小程序 使用picker封装省市区三级联动实例代码
2016/10/28 Javascript
JS基于正则表达式实现的密码强度验证功能示例
2017/09/21 Javascript
微信小程序tabBar模板用法实例分析【附demo源码下载】
2017/11/28 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
2018/07/25 Javascript
在vue中使用echars实现上浮与下钻效果
2019/11/08 Javascript
原生JS封装拖动验证滑块的实现代码示例
2020/06/01 Javascript
Vue单页面应用中实现Markdown渲染
2021/02/14 Vue.js
python threading模块操作多线程介绍
2015/04/08 Python
python自动zip压缩目录的方法
2015/06/28 Python
基于DataFrame筛选数据与loc的用法详解
2018/05/18 Python
Python 查找list中的某个元素的所有的下标方法
2018/06/27 Python
flask中过滤器的使用详解
2018/08/01 Python
python FTP批量下载/删除/上传实例
2019/12/22 Python
香蕉共和国加拿大官网:Banana Republic加拿大
2018/08/06 全球购物
中国一家综合的外贸B2C电子商务网站:DealeXtreme(DX)
2020/03/10 全球购物
六道php面试题附答案
2014/06/05 面试题
会计自我鉴定范文
2013/10/06 职场文书
终止劳动合同协议书
2014/04/14 职场文书
旅游与环境专业求职信
2014/06/05 职场文书
优秀班主任先进事迹材料
2014/12/16 职场文书
寒假生活随笔
2015/08/15 职场文书
创业计划书之宠物店
2019/09/19 职场文书
创业计划书之孕婴生活馆
2019/11/11 职场文书
解决vue $http的get和post请求跨域问题
2021/06/07 Vue.js
分析JVM源码之Thread.interrupt系统级别线程打断
2021/06/29 Java/Android
Java spring定时任务详解
2021/10/05 Java/Android
Redis之RedisTemplate配置方式(序列和反序列化)
2022/03/13 Redis