Question

在加载parent.html页面时，我使用child.html打开window.load()页面。

在parent.html中，我有两个输入框和一个按钮。通过onClick按钮应将值传递到child.html并加载文本框值，而无需重新加载child.html页面。

问题在于没有错误消息，但是子页面重新加载并加载了内容。

Parent.html

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
    var popT1;
    $(document).ready(function () {
        debugger;
        popT1 = window.open('/HTML/Screen1.html', 'screen_1', 'width=1300,height=800');
        popT1.moveBy(100, 300);
        $('#pageBtn').click(function () {
            var value1 = $('#pageT1').val();
            var value2 = $('#pageT2').val();
            var queryString = "?ID=" + value1 + "&Map=" + value2;
            window.open('/HTML/Screen1.html' + queryString, 'screen_1', 'width=1300,height=800').focus();
        });
    });
</script>
<title>Home Page</title>
<body>
    <div>
        ID: <input type="text" id="pageT1" />
        Map: <input type="text" id="pageT2" />
        <button id="pageBtn">Pass</button>
    </div>
</body>

Child.html

<title>Test1</title>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
    var queryString = decodeURIComponent(window.location.search);
    queryString = queryString.substring(1);
    var queries = queryString.split("&");
    for (var i = 0; i < queries.length; i++)
    {
      document.write(queries[i] + "<br>");
    }
</script>
<h1>Test 1</h1>
<div id="txtT1"></div>

没有页面重新加载，使用ajax / jquery将值从一页传递到另一页

0 个答案: