AngularJS模仿Form表单提交的实现代码_AngularJS

废话不多说了,直接给大家贴代码了。

$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表单提交的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索angular
表单提交
angularjs 表单提交、angularjs的表单提交、angularjs2 表单提交、angularjs form表单、angularjs form提交,以便于您获取更多的相关知识。

时间: 2024-09-10 05:30:28

AngularJS模仿Form表单提交的实现代码_AngularJS的相关文章

EasyUI中实现form表单提交的示例分享

这里给大家分享的是一段使用EasyUI中实现form表单提交的方法的核心代码,小伙伴们根据自己的需求补全form部分吧,希望大家能够喜欢. 代码如下: $('#form').form({ url : 'test/add.do', onSubmit : function() { parent.$.messager.progress({ title : '提示', text : '数据处理中,请稍后....' }); var gridValid = endEdit();// 子表退出编辑验证 if

javascript如何监听form 表单提交请求?

问题描述 javascript如何监听form 表单提交请求? 前端form 表单提交请求如何监听?就像ajax请求可以通过xmlHttpRquest对象去监听所有的ajax请求,对其中的参数做一层包装再发送到后台,后台返回的数据也可以在此处做一次封装再发给指定的页面一样,但是xmlHttpRquest捕捉不到form表单提交的请求,请问各位大神form表单提交的请求前端如何捕获? 解决方案 表单的onsubmit事件,或者给input为submit的类型添加onclick事件也行,返回fals

form表单提交一个对象封装数据,后台action怎么接收?

问题描述 form表单提交一个对象封装数据,后台action怎么接收? form表单提交一个对象封装数据,后台action怎么接收? 解决方案 从request 中获取数据的. 解决方案二: struts2 form 提交http://blog.knowsky.com/255739.htm 解决方案三: Struts2中表单与Action传递数据三种方式 解决方案四: server端通过request接受,貌似有一个方法,getparXXX什么的了 解决方案五: 我看你jsp的input标签命名

java中form表单提交时Action传入不同的对象

问题描述 java中form表单提交时Action传入不同的对象 如题 在我点保存的时候进入action时传参(参数是实体类),参数有可能是不同的实体类, 解决方案 使用hashmap,hashmap的key是属性,value是属性值.在服务器端通过反射给属性赋值/取值/遍历属性. 解决方案二: 可以通过jquery $(""#id"").attr(""action""xxxxx"")然后再$("

form 表单提交问题-验证视图状态 MAC 失败

问题描述 关于form表单提交的问题<formid="form1"runat="server"action="TempFile.aspx"method="post"onsubmit="returncheck();">源代码:publicpartialclass_Default:System.Web.UI.Page{protectedvoidPage_Load(objectsender,Event

AJAX PHP无刷新form表单提交的简单实现(推荐)_php实例

ajax.php: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <script language="javascript"> function saveUserInfo() { //获取

js的form表单提交url传参数(包含+等特殊字符)的两种解决方法_javascript技巧

方法一:(伪装form表单提交) linkredwin = function(A,B,C,D,E,F,G){ var formredwin = document.createElement("form"); formredwin.method = 'POST'; document.body.appendChild(formredwin); formredwin.action = "http://www.A.com/A.wiki?A=" +encodeURI(A) +

jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用_jquery

一.jQuery Form的其他api 1. formSerialize 将表单序列化成查询串.这个方法将返回一个形如: name1=value1&name2=value2的字符串. 是否可以连环调用: 否, 这个方法返回的是一个字符串. 例子: var queryString = $('#myFormId').formSerialize(); // the data could now be submitted using $.get, $.post, $.ajax, etc $.post('

jquery插件EasyUI中form表单提交实例分享_jquery

之前用AJax给Controller传递参数,然后再调用服务端的方法对数据库进行更改,今天碰到一个新的方法,就是表单的提交,这样可以省去AJax传参. 当表单提交后,我们可以获取表单上控件中的值,然后再调用服务端的方法对数据库进行更改.下面的一张截图是具体的业务需求. 一.要实现的功能:从上面这个表单中,获取控件中的值,然后传递给后台.下面是表单代码. 二.表单代码 <div id="Editwin" class="easyui-window" title=&