AngularJS模仿Form表单提交的实现代码
更新时间：2016年12月08日 15:34:15 投稿：mrr
本文通过一段实例代码给大家简单介绍了angularjs模仿form表单提交的方法，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧
废话不多说了，直接给大家贴代码了。
$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表单提交的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
本文主要介绍AngularJS Bootstrap,这两对AngularJS Bootstrap的基础知识做了详细讲解,并提供简单示例,有需要的小伙伴可以参考下2016-07-07
这篇文章分别给大家介绍了AngularJS实现标签页的两种方式，一种是通过普通指令实现标签页，另外一种是通过自定义指令实现的标签页，有需要的朋友们可以来参考借鉴，下面来一起看看吧。2016-09-09
angular route中使用resolve在uglify压缩后问题解决
这篇文章主要介绍了angular route中使用resolve在uglify压缩后问题解决的相关资料,需要的朋友可以参考下2016-09-09
Angular.js中$apply()和$digest()的深入理解
相信大家都知道$digest()和$apply()是AngularJS中的两个核心并且有时候容易引人误解的部分。我们需要深入理解这两者是如何运作的，从而才能理解AngularJS本身是如何运作的。本文的目的就是介绍$digest()和$apply()是如何确确实实的对你有用的。下面来一起看看吧。2016-10-10
这篇文章主要介绍了AngularJs 延时器、计时器实例代码,需要的朋友可以参考下2017-09-09
这篇文章主要介绍了angularJS结合canvas画图例子的方法,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了浅析webapp框架AngularUI的demo以及对demo的简单修改，需要的朋友可以参考下2014-12-12
angular2 ng build部署后base文件路径问题详细解答
本篇文章主要介绍了angular2 ng build部署后base文件路径问题详细解答，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
这篇文章主要介绍了angular中两种表单的区别(响应式和模板驱动表单)，详细的介绍了这两种表单的实现以及区别，非常具有实用价值，需要的朋友可以参考下2018-12-12
这篇文章主要介绍了AngularJS学习第一篇，分享了有关AngularJS的基础知识，主要包括指令、过滤器等，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
最新评论