微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使用 jquery 从页面加载器获取 GET 数据

如何解决如何使用 jquery 从页面加载器获取 GET 数据

我有一个静态页面。在其中,我使用 jquery 加载函数加载标头,并在 URL 中传递一个 get 值。我怎样才能得到那个获取值?我尝试了 here 的一些响应,但它们不起作用。我尝试制作一个可以在我拥有的每个页面上使用的工作菜单

//link-item-activator.js
var queryDict = {};
location.search.substr(1).split("&").forEach(function(item) {queryDict[item.split("=")[0]] = item.split("=")[1]});
console.log(queryDict);//null
//index.html
<!DOCTYPE html>

<head>
    <Meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script src='js/jquery.js'></script>
    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <script>
        $(function() {
            $("#header").load('templates/header.html?page=index');
            $("#sidebar").load('templates/sidebar.html?page=index');
        });
    </script>
</head>

<body>
    <div id="header"></div>
</body>



//header.html
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
    <div class="container">
        <div class="collapse navbar-collapse w-100" id="navbarSupportedContent">
            <ul class="nav navbar-nav mb-2 ms-auto">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        Methods
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <li><a class="nav-link dropdown-item" href="#">Address book</a></li>
                        <li><a class="nav-link dropdown-item" href="#">Affiliate</a></li>
                        <li><a class="nav-link dropdown-item" href="#">Batch</a></li>
                        <li><a class="nav-link dropdown-item" href="#">Blocklist</a></li>
                        <li><a class="nav-link dropdown-item" href="#">Hlr</a></li>
                        <li><a class="nav-link dropdown-item" href="#">Messages</a></li>
                        <li><a class="nav-link dropdown-item" href="#">User</a></li>
                        <li><a class="nav-link dropdown-item" href="#">Other</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>
<script type="text/javascript" src="./js/link-item-activator.js"></script>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。