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面向对象、prototype、call()、apply()
May 14 Javascript
javaScript call 函数的用法说明
Apr 09 Javascript
了解Javascript的模块化开发
Mar 02 Javascript
js预加载图片方法汇总
Jun 15 Javascript
js实现Select列表各项上移和下移的方法
Aug 14 Javascript
Angularjs使用directive自定义指令实现attribute继承的方法详解
Aug 05 Javascript
详解PHP中pathinfo()函数导致的安全问题
Jan 05 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
node使用UEditor富文本编辑器的方法实例
Jul 11 Javascript
ztree实现左边动态生成树右边为内容详情功能
Nov 03 Javascript
全站最详细的Vuex教程
Apr 13 Javascript
React实现全局组件的Toast轻提示效果
Sep 21 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颜色转换函数hex-rgb(将十六进制格式转成十进制格式)
2013/09/23 PHP
ThinkPHP模板判断输出Empty标签用法详解
2014/06/30 PHP
php验证session无效的解决方法
2014/11/04 PHP
php读取和保存base64编码的图片内容
2017/04/22 PHP
jquery关于页面焦点的定位(文本框获取焦点时改变样式 )
2010/09/10 Javascript
Chrome Form多次提交表单问题的解决方法
2011/05/09 Javascript
jQuery数组处理代码详解(含实例演示)
2012/02/03 Javascript
js实现回放拖拽轨迹从过程上进行分析
2014/06/26 Javascript
详解JavaScript基于面向对象之继承实例
2015/12/16 Javascript
js简单实现调整网页字体大小的方法
2016/07/23 Javascript
AngularJS基础 ng-class-odd 指令示例
2016/08/01 Javascript
jQuery双向列表选择器select版
2016/11/01 Javascript
提高Web性能的前端优化技巧总结
2017/02/27 Javascript
jQuery Tree Multiselect使用详解
2017/05/02 jQuery
vue mounted组件的使用
2018/06/18 Javascript
Jquery异步上传文件代码实例
2019/11/13 jQuery
javascript实现简易的计算器
2020/01/17 Javascript
简单谈谈python中的多进程
2016/11/06 Python
Python贪吃蛇游戏编写代码
2020/10/26 Python
Python实现GUI学生信息管理系统
2020/04/05 Python
Python3.7实现中控考勤机自动连接
2018/08/28 Python
微信公众号token验证失败解决方案
2019/07/22 Python
python爬虫 猫眼电影和电影天堂数据csv和mysql存储过程解析
2019/09/05 Python
关于Flask项目无法使用公网IP访问的解决方式
2019/11/19 Python
使用python客户端访问impala的操作方式
2020/03/28 Python
Python3交互式shell ipython3安装及使用详解
2020/07/11 Python
详解Python流程控制语句
2020/10/28 Python
HTML5 3D书本翻页动画的实现示例
2019/08/28 HTML / CSS
对象的序列化(serialization)类是面向流的,应如何将对象写入到随机存取文件中
2015/06/22 面试题
营业员个人总结的自我评价
2013/10/25 职场文书
办公室文秘岗位职责
2013/11/15 职场文书
产品发布会策划方案
2014/05/12 职场文书
羽毛球比赛策划方案
2014/06/13 职场文书
党员自我评议个人对照检查材料
2014/09/16 职场文书
儿子满月酒致辞
2015/07/29 职场文书
javascript canvas实现雨滴效果
2021/06/09 Javascript