jquery模拟form表单提交并新打开页面

/**
 * form表单提交本页面打开
 * @param url
 * @param params
 */
function postCurrent(url,params){
    var form = $("<form method='post'></form>");
    var input;
    form.attr({"action":url});
    $.each(params,function (key,value) {
        input = $("<input type='hidden'>");
        input.attr({"name":key});
        input.val(value);
        form.append(input);
    });
    $(document.body).append(form);
    form.submit();
}

 

/**
 * form表单提交新打开页面
 * @param url
 * @param params
 *@windowname
 */
function postNew(url,params,windowname){
    var form = $("<form method='post'></form>");
    var input;
    form.attr({"action":url});
    $.each(params,function (key,value) {
        input = $("<input type='hidden'>");
        input.attr({"name":key});
        input.val(value);
        form.append(input);
    });
    form.attr({"target":windowname});
    window.addEventListener("onsubmit",function(){ openWindow(windowname); });
    $(document.body).append(form);
    window.dispatchEvent(new Event("onsubmit"))
    form.submit();
}

function openWindow(name)
{
    window.open('about:blank',name,'height=400, width=400, top=0, left=0, toolbar=yes, menubar=yes, scrollbars=yes, resizable=yes,location=yes, status=yes');
}

 

        //调用    
        preview(){
                        var json = {
                       'workStatus': workStatus,
                       'designNums': this.designNums,
                       'designModel': this.designModel,
                       'worksType': this.worksInfo.worksType,
                       'designUserList': JSON.stringify(designUserList),
                       'promiseImg1': this.promiseImg1,
                       'promiseImg2': this.promiseImg2,
                       'promiseImg3': this.promiseImg3,
                       'promiseImg4': this.promiseImg4,
                       'worksInfo': JSON.stringify(worksInfo)
                   };
                   let postUrl = [[@{/design/showPreviewHtml}]];
                   postCurrent(postUrl,json);
               },   

 

转载于:https://www.cnblogs.com/SimonHu1993/p/9242009.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值