javascript - 关闭一个弹出窗口并重新加载另一个弹出窗口

Question

我是 javascript 新手，请原谅我的错误。我正在尝试打开一个弹出窗口以发现某些设备。当点击下面的div时，

<div class="ui-grid-solo">
                <div class="ui-block-a">
                    <a href="#waitDiscoveryDialog" data-rel="popup"
                    data-position-to="window" data-transition="pop"
                    class="ui-btn ui-corner-all ui-shadow ui-btn-a"
                    >Discover Device  ...</a>
                </div>
</div>

它会打开一个像这样的弹出窗口

<div data-role="popup" id="waitDiscoveryDialog" data-overlay-theme="b" data-theme="b"
   data-dismissible="false" style="max-width:400px;">
<div data-role="header" data-theme="a">
  <h1>Device Discovery</h1>
</div>
<div role="main" class="ui-content">
  <h3 class="ui-title"
    >This will search for new Devices.</h3>

  <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b"
     data-rel="back">Cancel</a>
  <input type="button" data-theme="b" data-inline="true" value="Discover"
         onClick="var hi=document.createElement('input');
                  hi.type='hidden'; hi.name='action'; hi.value='Discover';
                  settings_form.appendChild(hi);
                  settings_form.submit();">
</div>
</div>

我的要求是发送 hi.name='action';和 hi.value='Discover' ，弹出窗口中没有输入按钮。因为我使用的是 Flask 框架，所以我使用了这段代码

    if request.method == 'POST':
        rf = request.form  
        try:
            action = request.form["action"]
        except:
            action = ""
        if "Discover" == action:
         //code for discovering the device

然后关闭此弹出窗口并打开另一个弹出窗口，其状态如“找到或未找到设备”。谁能帮我解决这个问题？ 提前致谢..

Answer 1

正如我在您的代码中看到的，弹出窗口中没有用户输入，并且您想要提交静态值。如果是这种情况，为什么当它没有执行任何操作时您甚至需要打开一个弹出窗口？

您只需编写一个单击按钮即可触发的函数，该函数现在打开弹出窗口并提交表单。

提交后，您可以继续执行功能，打开“找到或未找到设备”的弹出窗口
例如:

<div class="myPopup">
   <h1>This is my popup</h1>
</div>

<style>
  .myPopup {
     display: none;
     position: fixed;
     top: 0px;
     bottom: 0px;
     top: 0px;
     bottom: 0px;
     margin: auto;
     border: 1px solid black;
     border-radius: 5px;
     height: 500px;
     width: 500px; 
  }

  .showPopup {
    display: inline-block;
  }
</style>

<button title="This will search for new devices" onclick="submitForm()">Discover</button>

function submitForm() {
  var hi=document.createElement('input');
  hi.type='hidden'; hi.name='action'; hi.value='Discover';
  settings_form.appendChild(hi);
  settings_form.submit();
}

settings_form[0].addEventListener("submit", function() {
  document.getElementsByClassName("myPopup")[0].classList.add("showPopup");
});

让我知道这是否有帮助。