Question

我使用window.open()将表单发布到窗口中的另一个页面。我遇到的问题是，当窗口打开时，它变为空白，原始浏览器窗口被重定向到应该在弹出窗口中的页面。

这在Chrome中运行良好，但IE不是。

非常感谢任何帮助！感谢

*的修改 *

我没有发布代码，因为我认为这是一个概念性问题。正如我之前所说，它适用于其他浏览器，但不适用于IE。所以我知道我的代码正在运行。但是如果你需要一个代码，这里有一个例子：

表格：

<form id="SCartFormId">
  <input type="hidden" name="merchantKey" value="E0FU0E14-CC2D-C88N-6TDQ-0A08CCD05610" />
  <input type="hidden" name="orderNumber" value="321654" />
  <input type="hidden" name="descriptor" value="Test Environment" />
  <input type="hidden" name="cart[0].sku" value="V4C3D5C2" />
  <input type="hidden" name="cart[0].name" value="Halls" />
  <input type="hidden" name="cart[0].unitprice" value="100" />
  <input type="hidden" name="cart[0].quantity" value="10" />
  <input type="hidden" name="shippingMethodCollection[0].name" value="USPS" />
  <input type="hidden" name="shippingMethodCollection[0].price" value="200" />
  <input type="hidden" name="descriptor" value="" />            
</form>

javascript：

S.Widgets = {};
S.Widgets.PostWidget = (function(widget){
  var merchantId = widget.merchantId;
  var originForm = widget.orderInput.value;

  var render = (function(target) {var targetHtml = document.getElementById(target),
    button = document.createElement('button'),
    sForm = document.getElementById(originForm);                    

  button.innerText = "Checkout";

  button.onclick = function(){
    window.open('', 'SWidget', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=840, height=840');
    sForm.submit();
  };            
  return {
    render: render
  };
});

此按钮即时创建：

new S.Widgets.PostWidget({
  merchantId: 'AEIOU1234AEIOU',
  orderInput: {value: 'SCartFormId'}
}).render("sButtonId");

Answer 1

以下是导致您所描述内容的两行代码：

// Open a window at URL '' (thus, blank window)
window.open('', 'SWidget', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=840, height=840');

// Submit the form (plain submit, no jQuery.ajax)
// I don't see any jQuery on your code
sForm.submit();

我不确定这是否是您想要的，但是将表单的target属性设置为_blank并删除window.open行呢？

在IE 9上，window.open正在打开一个空白窗口

1 个答案: