js提交数据并打开新页面[window.open 以及form]

最新推荐文章于 2022-03-16 17:18:54 发布

kamiya_rong

最新推荐文章于 2022-03-16 17:18:54 发布

阅读量724

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/weixin_41023117/article/details/106641668

版权

jQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

js提交数据并打开新页面[window.open 以及form]

window.open打开新页面即便延迟10s，也可能会被浏览器拦截，不可取

$.ajax({    
          type: "POST",   
          url: '方法名',   
          data: orderInfo,  
 		  contentType: "application/x-www-form-urlencoded; charset=UTF-8",
          success: function(str_response) { 
 
			 setTimeout(function () { 
				var obj =  window.open("about:blank");  
	            obj.document.write(str_response);  
			 },6000); 
          }   

      });

form表单提交
当post提交拦截或者丢失数据时，可用get提交方式

	var actionName = "方法名";
	var newForm = $("<form method='post' target='_blank'></form>").hide();
	newForm.append($("<input type='hidden' name='action'/>").val(orderInfo['action']));   
	newForm.append($("<input type='hidden' name='cp_order_no'/>").val(orderInfo['cp_order_no']));
	newForm.append($("<input type='hidden' name='role_id'/>").val(orderInfo['role_id'])); 
	newForm.append($("<input type='hidden' name='server_id'/>").val(orderInfo['server_id'])); 
	newForm.appendTo($(document.body));

	newForm.attr("action", actionName).submit().remove();