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 中$apply,$digest,$watch详解

    angularjs 中$apply,$digest,$watch详解

    这篇文章主要介绍了angularjs 中$apply,$digest,$watch详解的相关资料,需要的朋友可以参考下
    2016-10-10
  • AngularJS入门教程之Cookies读写操作示例

    AngularJS入门教程之Cookies读写操作示例

    这篇文章主要介绍了AngularJS的Cookies读写操作,结合实例形式分析了ngCookies模块与get和put方法进行cookie读写操作的相关实现技巧,需要的朋友可以参考下
    2016-11-11
  • 实例解析angularjs的filter过滤器

    实例解析angularjs的filter过滤器

    本文对angularjs的filter过滤器进行系统介绍,附上实例解析,便于理解。具有很好的参考价值,需要的朋友可以看下
    2016-12-12
  • Angular管道PIPE的介绍与使用方法

    Angular管道PIPE的介绍与使用方法

    这篇文章主要给大家介绍了关于Angular管道PIPE的相关资料,管道的作用就是传输,并且不同的管道具有不同的作用,需要的朋友可以参考下
    2021-06-06
  • Angular 4 指令快速入门教程

    Angular 4 指令快速入门教程

    本篇文章主要介绍了Angular 4 指令快速入门教程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • jquery操作angularjs对象

    jquery操作angularjs对象

    这篇文章主要介绍了jquery操作angularjs对象的相关资料,需要的朋友可以参考下
    2015-06-06
  • 浅谈对Angular中的生命周期钩子的理解

    浅谈对Angular中的生命周期钩子的理解

    本篇文章主要介绍了Angular中的生命周期钩子的理解,详细的介绍了生命周期钩子和主要的生命周期钩子,有兴趣的可以了解一下
    2017-07-07
  • Angular 4依赖注入学习教程之简介(一)

    Angular 4依赖注入学习教程之简介(一)

    依赖注入式AngularJS的重要特性之一,依赖注入简化了Angular解析模块/组件之间依赖的过程。下面这篇文章主要给大家介绍了关于Angular 4依赖注入基础的相关资料,文中介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-06-06
  • Angularjs中date过滤器失效的问题及解决方法

    Angularjs中date过滤器失效的问题及解决方法

    这篇文章主要介绍了Angularjs中date过滤器失效的问题及解决方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-07-07
  • Angular中支持SCSS的方法

    Angular中支持SCSS的方法

    这篇文章主要介绍了Angular中支持SCSS的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11

最新评论