將值傳遞到彈出窗口

Question

我有一些文本字段可發送到彈出窗口（我想發送productPrice和productName）：

<tr>
  <form>
  <td> ${product.getProductName()}</td>
    <input type="hidden" name="productName" value=${product.getProductName()}>
  <td>${product.getPrice()}</td>
    <input type="hidden" name="productPrice" value=${product.getPrice()}>
  <td>
    <input type="button" onclick="makeOrder()" value="Make order"/>
  </td>
  </form>
</tr>

JS：

 <script type="text/javascript">

function makeOrder(){
  window.open("/user/makeOrder","","height=250,width=400,status=no,location=no,toolbar=no,directories=no,menubar=no");
}

如何將變量ProductName和ProductPrice傳遞到彈出窗口“ / user / makeOrder”？

Answer 1

您可以將ProductName和ProductPrice作為查詢字符串傳遞到新location ，然后使用search ， .split()和while循環將屬性，值設置為對象。

function makeOrder(name, price){
  window.open("/user/makeOrder?ProductName=" + name + "&ProductPrice=" + price,""
 ,"height=250,width=400,status=no,location=no,toolbar=no,directories=no,menubar=no");
}

在新打開的window

var params = location.search.split(/\?|=|&/).filter(Boolean);
var obj = {}, i = 0;
while (i < params.length) {
  obj[params[i]] = params[++i];
  ++i;
}
console.log(obj)