iframe提交表单

iframe 提交表单

方法一：

iframe 提交表单需要设置 iframe的name属性 和 from表单的target 为相同的值 

方法二：

用ajax 提交 ，在表单中设置一个隐藏域

<input  id="addlist" name="addlist" value="" type="hidden">

把表单中的元素封装到一个数组中，再把数组的值放到隐藏域中，将隐藏域的值作为参数提交给后台

js代码如下：

// 封装表单中的元素

function  getListDate（）{

var  listdate=[];

var  temp={

'name1':$("#id1").val(),

'name2':$("#id2").val(),

'name3':$("#id3").val(),

'name4':$("#id4").val(),

}

listdate.push(temp);

$("addlist").val(encodeURI(JSON.stringify(listdate),utf-8));//把数据放到隐藏域中 ，设置格式 防止中文乱码 

}

//提交表单之前先获取数据

function  submit(){

 getListDate（）；

$.ajax({ 
url: url,
dataType: 'json',
async:false, //同步加载
contentType : "application/x-www-form-urlencoded; charset=UTF-8",  
data: {
"addlist":$("#addlist").val(),
},  

success:function(data){  

                         //根据data的返回类型决定是否执行   var data = eval('('+data+')');

    if (data && data.Type == "1"){ 
   
    //提交成功后执行的代码
} else {       
$.messager.alert("错误信息", data.Message);
}
}
});

}