ajax提交表单问题

78 阅读 0 评论 52 点赞

我是靠谱客的博主迷你发箍，最近开发中收集的这篇文章主要介绍ajax提交表单问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

父页面的功能按钮触发一个弹出窗（iframe里嵌入jsp）后，需要在子页面做操作后，点击提交时，提交父页面的表单

提交方法写在了父页面是因为要获取父页面的表单 var formData = new FormData($("#searchForm")[0]); 而在子页面没法用 parent.parent.$ 之类的语句

错误的逻辑

function exportForm(){
	var formData = new FormData($("#searchForm")[0]);//获取查询条件
	var url='<%=path%>/workorder/shareTask/initExpendItemFrms.action';
	layer.open({
			type: 2,//1为div层 2为iframe层. 4吸附元素选择器或者DOM
			title:'导出的扩展列',
			skin: 'demo-class',//皮肤
			area:['600px', '350px'],//宽高
			btn:['提交','关闭'],
			yes: function(index, layero){
			    //按钮【按钮一】的回调
			    var iframeWin = window[layero.find('iframe')[0]['name']];
				iframeWin.addShareTaskCol(); 
				alert(formData);
				$.ajax({
					url : '<%=path%>/workorder/shareTask/exportShareListAjax.action',
					type : "POST",
			    	        dataType : 'text',
					data : formData, 
					success: function(res){
                                               alert("操作失败");
                                        },
<pre name="code" class="javascript">					error: function(res){
						alert("操作失败");

}}); },btn2: function(index, layero){ //按钮【按钮二】的回调 layer.close(index); },//offset: '100px',//坐标content: url //type 1:可传String/DOM/Array 2：可传url });}