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模仿Form表单提交的实现代码到此结束。懒人的工作总是明天,而他的假日则是这天。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
AngularJS tab栏实现和mvc小案例实例详解

基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能

AngularJS实现的自定义过滤器简单示例

ionic使用angularjs表单验证(模板验证)

用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)