function iframeForm(url, parameters){
//新增form
this.form = $('<form action="'+url+'"method="post" style="display:none;"></form>');
//新增提交的参数
$(Object.keys(parameters)).each(function(idx,e){
$("<input type='hidden' />").attr("name", e).attr("value", parameters[e]).appendTo(this.form);
});
//提交表单
this.submit = function(){
var iframe = $('<iframe style="display:none;"></iframe>');
$( "body" ).append(iframe);
$( "body" ).append(this.form);
this.form.submit();
}
}
实例
var url = "getXXX";
var parameters = {
"key1": "value1",
"key2": "value2",
"key3": "value3",
}
var form = new iframeForm(url, parameters);
form.submit();
本文详细介绍了如何利用JQuery通过iframe技术实现表单的异步提交,避免页面刷新,保持用户体验流畅。主要内容包括设置iframe,绑定事件,处理提交过程及返回结果等关键步骤。
505

被折叠的 条评论
为什么被折叠?



