获取表单所有数据，juqery提交，window.open打开，当前页面不跳转

最新推荐文章于 2023-07-19 23:49:48 发布

董健正

最新推荐文章于 2023-07-19 23:49:48 发布

阅读量708

点赞数

文章标签：表单 jquery 数据 window.open 前端

本文链接：https://blog.csdn.net/qq_34665176/article/details/54585474

版权

$(function(){
$('#preview').click( function(){
var array=$("#inputForm").serializeArray();

openPostWindow("at_km_info!preView.action",array,"mywin" );

    } );


function openPostWindow(url, data, name) {

     var tempForm = $("<form id='tempForm1' method='post' />");

     //url
     tempForm.attr('action',url);
     tempForm.attr('target',name);
    $.each(data,function(i,arr){

   var hideInput = $("<input type='hidden'/>");
   hideInput.attr('name',arr.name);
   hideInput.attr('value',arr.value);
   hideInput.appendTo(tempForm);

});

   alert(tempForm.html());

      tempForm.appendTo($('body'));
      tempForm.submit(openWindow(name));
     $(tempForm).remove();

}



function openWindow(name) {

        var width = 1000;
        var height = 600;
        var left = parseInt((screen.availWidth/2) - (width/2));//屏幕居中
        var top = parseInt((screen.availHeight/2) - (height/2));
        var windowFeatures = "width=" + width + ",height=" + height + ",status,resizable,left=" + left + ",top=" + top + "screenX=" + left + ",screenY=" + top;
        window.open('',name,windowFeatures);
}