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 相关文章推荐
JQuery扩展插件Validate 2通过参数设置验证规则
Sep 05 Javascript
jQuery中校验时间格式的正则表达式小结
Sep 22 Javascript
JsRender实用入门教程
Oct 31 Javascript
基于jQuery实现动态数字展示效果
Aug 12 Javascript
jquery单击事件和双击事件冲突解决方案
Mar 02 Javascript
关于微信jssdk实现多图片上传的一点心得分享
Dec 13 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
Jan 11 Javascript
100多个基础常用JS函数和语法集合大全
Feb 16 Javascript
原生javascript实现的全屏滚动功能示例
Sep 19 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
Oct 16 Javascript
零基础之Node.js搭建API服务器的详解
Mar 08 Javascript
解决vue $http的get和post请求跨域问题
Jun 07 Vue.js
解析如何利用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 dirname(__FILE__) 获取当前文件的绝对路径
2011/06/28 PHP
php过滤表单提交的html等危险代码
2014/11/03 PHP
在javascript将NodeList作为Array数组处理的方法
2010/07/09 Javascript
JavaScript如何从listbox里同时删除多个项目
2013/10/12 Javascript
JS不间断向上滚动效果代码
2013/12/25 Javascript
JavaScript Promise启示录
2014/08/12 Javascript
node.js中的console.timeEnd方法使用说明
2014/12/09 Javascript
jquery实现倒计时功能
2015/12/28 Javascript
JavaScript简单实现鼠标移动切换图片的方法
2016/02/23 Javascript
AngularJs入门教程之环境搭建+创建应用示例
2016/11/01 Javascript
JS弹出窗口的运用与技巧大全
2016/11/01 Javascript
jQuery中的deferred使用方法
2017/03/27 jQuery
Bootstrap modal只加载一次数据的解决办法(推荐)
2017/11/24 Javascript
vue使用ajax获取后台数据进行显示的示例
2018/08/09 Javascript
JS二级菜单不同实现方法分析【4种方法】
2018/12/21 Javascript
JavaScript实现页面中录音功能的方法
2019/06/04 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
2019/10/15 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
2019/11/29 Javascript
浅谈Ant Design Pro 菜单自定义 icon
2020/11/17 Javascript
JavaScript实现网页下拉菜单效果
2020/11/20 Javascript
[00:35]DOTA2上海特级锦标赛 Newbee战队宣传片
2016/03/03 DOTA
简单的Python抓taobao图片爬虫
2014/10/26 Python
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
Python简单生成随机姓名的方法示例
2017/12/27 Python
python输出决策树图形的例子
2019/08/09 Python
python爬取王者荣耀全皮肤的简单实现代码
2020/01/31 Python
Python多进程编程multiprocessing代码实例
2020/03/12 Python
在Keras中CNN联合LSTM进行分类实例
2020/06/29 Python
Strathberry苏贝瑞中国官网:西班牙高级工匠手工打造
2020/10/19 全球购物
2014年督导工作总结
2014/11/19 职场文书
2014幼儿园教育教学工作总结
2014/12/17 职场文书
师范生见习自我总结
2015/06/23 职场文书
排球赛新闻稿
2015/07/17 职场文书
2016年度员工工作表现评语
2015/12/02 职场文书
MySQL 全文索引使用指南
2021/05/25 MySQL
C站最全Python标准库总结,你想要的都在这里
2021/07/03 Python