zoukankan      html  css  js  c++  java
  • 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);
                   },   
  • 相关阅读:
    bash 常用操作
    阿里云专有网络与弹性公网IP
    Excel 中 Index 和 Match 方法的使用
    分割excel sheet
    vba 工作案例-sheet间拷贝内容
    趣味题:重男轻女的村庄
    vba 工作案例1
    wordpress 导航相关的函数
    怎么样打印加密PDF文件
    excel 2013 图表制作
  • 原文地址:https://www.cnblogs.com/SimonHu1993/p/9242009.html
Copyright © 2011-2022 走看看