在网页 2 上显示通过网页 1 的查询字符串发送的数据

Question

所以我在文本区域中输入一些文本并通过查询字符串将数据发送到不同的网页。基本上我想在其他网页上显示数据。这是我的代码，但它没有工作，虽然我在控制台上检查过，数据正在进入 webpage2 但它没有显示在 html 页面上。我做错了什么？

//重定向到网页2的代码编码后在querystring中发送数据

   location.href= "https://one.dummyjs.open.html?concern=" + encodeURIComponent($("#concern").val());

//在网页2上显示数据的代码

   var queryString = new Array();
    $(function () {
        if (queryString.length == 0) {
            if (window.location.search.split('?').length > 1) {
                var params = window.location.search.split('?')[1].split('&');
                for (var i = 0; i < params.length; i++) {
                    var key = params[i].split('=')[0];
                    var value = decodeURIComponent(params[i].split('=')[1]);
                    queryString[key] = value;
                }
            }
        }
        if (queryString["concern"] != null ) {
    
            var data = queryString["concern"] ;
            $("textarea#u_issue_description").val(data);
        
        }
    });
    
    $(p).html(data)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class= "main-container">
        <p></p>
    </div>

Answer 1

在第二页你只需要这个

Jquery

    $(document).ready(function () {
        var queryString = new Array();
        $(function () {
            if (queryString.length == 0) {
                if (window.location.search.split('?').length > 1) {
                    var params = window.location.search.split('?')[1].split('&');
                    for (var i = 0; i < params.length; i++) {
                        var key = params[i].split('=')[0];
                        var value = decodeURIComponent(params[i].split('=')[1]);
                        queryString[key] = value;
                    }
                }
            }
            if (queryString["concern"] != null) {

                var data = queryString["concern"];
                //$("textarea#u_issue_description").val(data);
                $('#pTest').text(data);

            }
        });            
    });

HTML

<div class= "main-container">
        <p id="pTest"></p>
    </div>

在网页 2 上显示通过网页 1 的查询字符串发送的数据

displaying data on webpage2 sent through querystring from webpage1

html

javascript

css

jquery

query-string