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);
}
}
});

}

  • 1
    点赞
  • 0
    评论
  • 3
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2022 CSDN 皮肤主题:书香水墨 设计师:CSDN官方博客 返回首页

打赏作者

木木木又又

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值