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 相关文章推荐
使用TextRange获取输入框中光标的位
Oct 14 Javascript
20个非常棒的Jquery实用工具 国外文章
Jan 01 Javascript
基于Vuejs实现购物车功能
Aug 02 Javascript
jquery动态创建div与input的实例代码
Oct 12 Javascript
创建简单的node服务器实例(分享)
Jun 23 Javascript
详解Node项目部署到云服务器上
Jul 12 Javascript
原生js封装运动框架的示例讲解
Oct 01 Javascript
javascript原生封装一个淡入淡出效果的函数测试实例代码
Mar 19 Javascript
vue.js内置组件之keep-alive组件使用
Jul 10 Javascript
Vue实现底部侧边工具栏的实例代码
Sep 03 Javascript
Javascript删除数组里的某个元素
Feb 28 Javascript
vue遍历生成的输入框 绑定及修改值示例
Oct 30 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 mysql Errcode: 28 终极解决方法
2009/07/01 PHP
php数组去重复数据示例
2014/02/25 PHP
laravel学习教程之存取器
2016/07/30 PHP
JQuery的ajax获取数据后的处理总结(html,xml,json)
2010/07/14 Javascript
javascript数字数组去重复项的实现代码
2010/12/30 Javascript
jQuery 获取浏览器所在的IP地址的小例子
2013/11/08 Javascript
jquery中使用循环下拉菜单示例代码
2014/09/24 Javascript
将List对象列表转换成JSON格式的类实现方法
2016/07/04 Javascript
微信小程序 122100版本更新问题解决方案
2016/12/22 Javascript
关于vue-resource报错450的解决方案
2017/07/24 Javascript
详谈DOM简介及节点、属性、查找节点的方法
2017/11/16 Javascript
解决Mac安装thrift因bison报错的问题
2018/05/17 Javascript
详解Vue中数组和对象更改后视图不刷新的问题
2018/09/21 Javascript
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
2019/06/17 Javascript
js设置默认时间跨度过程详解
2019/07/17 Javascript
小程序外卖订单界面的示例代码
2019/12/30 Javascript
用vue设计一个日历表
2020/12/03 Vue.js
[07:57]DOTA2热力大趴狂欢夜 广州站活动回顾
2013/11/27 DOTA
举例讲解如何在Python编程中进行迭代和遍历
2016/01/19 Python
使用Django Form解决表单数据无法动态刷新的两种方法
2017/07/14 Python
python实现可视化动态CPU性能监控
2018/06/21 Python
详解Python计算机视觉 图像扭曲(仿射扭曲)
2019/03/27 Python
使用pyecharts生成Echarts网页的实例
2019/08/12 Python
Django对接支付宝实现支付宝充值金币功能示例
2019/12/17 Python
Pycharm激活方法及详细教程(详细且实用)
2020/05/12 Python
python可迭代对象去重实例
2020/05/15 Python
HTML5实现移动端点击翻牌功能
2020/10/23 HTML / CSS
小学生保护环境倡议书
2014/05/15 职场文书
质监局领导班子对照检查材料思想汇报
2014/09/27 职场文书
道德与公民自我评价
2015/03/09 职场文书
2015年三年级班主任工作总结
2015/05/21 职场文书
2015迎新晚会开场白
2015/05/29 职场文书
教师节主题班会方案
2015/08/17 职场文书
MySQL表的增删改查(基础)
2021/04/05 MySQL
Vue vee-validate插件的简单使用
2021/06/22 Vue.js
原生JavaScript实现简单五子棋游戏
2021/06/28 Javascript