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);
                   },   
  • 相关阅读:
    用Java实现四则运算
    敏捷开发角色分配
    需求分析之WBS
    需求分析之NABCD
    电梯演说
    开发流程的选择
    软件团队模式的选择
    维护日程管理项目
    日程管理系统中找错误
    Android的测试
  • 原文地址:https://www.cnblogs.com/SimonHu1993/p/9242009.html
Copyright © 2011-2022 走看看