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

/**

* form表单提交本页面打开

* @param url

* @param params

*/

functionpostCurrent(url,params){

varform = $("<form method='post'></form>");

varinput;

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

*/

functionpostNew(url,params,windowname){

varform = $("<form method='post'></form>");

varinput;

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(newEvent("onsubmit"))

    form.submit();

}

functionopenWindow(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(){

varjson = {

'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)

    };

letpostUrl = [[@{/design/showPreviewHtml}]];

    postCurrent(postUrl,json);

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 6,154评论 0 2
  • pyspark.sql模块 模块上下文 Spark SQL和DataFrames的重要类: pyspark.sql...
    mpro阅读 13,143评论 0 13
  • 源站:http://fengyuanchen.github.io/viewer/ 应用: html: 源码上是正常...
    羊绘霖阅读 10,866评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,206评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,902评论 0 1