使用jQuery在当前URL中添加其他参数而无需重新加载页面?

用户名

客户在其网站上有一个页面,其中列出了工作人员列表。当用户单击一个名称,然后使用jQuery时,右侧的生物区会从当前生物中淡出,并随着所选生物而淡入。

很好,但是问题是他们无法链接到特定的生物,因为它们都在同一URL下。

我有jQuery从URL检索参数,并在页面加载时显示正确的简历,但问题是我需要在每次职员姓名单击时更改/添加此参数,准备进行复制和粘贴。

链接列表如下所示:

<ul class="team_list">
    <li><a href="#">Staff Name 1</a></li>
    <li><a href="#">Staff Name 2</a></li>     
    <li><a href="#">Staff Name 3</a></li>
</ul>

是否可以在不重新加载任何页面的情况下执行此操作?

罗里·麦克罗森(Rory McCrossan)

使用URL片段,又名哈希值:

<ul class="team_list">
    <li><a href="#name1">Staff Name 1</a></li>
    <li><a href="#name2">Staff Name 2</a></li>     
    <li><a href="#name3">Staff Name 3</a></li>
</ul>

然后,您可以window.location.hash在页面加载时使用该值来检索值并根据需要显示正确的简历。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在URL中添加项目而无需重新加载页面(pushState)

传递并获取php URL参数,而无需使用jquery重新加载页面

使用js更改url参数,而无需在单击按钮时重新加载页面

如果url中没有参数,则重定向到其他页面,否则停留在当前页面

如何使用jQuery在laravel中动态显示数据而无需重新加载页面

使用AJAX将从Zend PHP返回的数组获取到JQuery中,而无需重新加载页面

将页面内容从单独的页面获取到表单提交的div中,而无需重新加载当前页面

将参数添加到当前 URL,无需重新加载或使用 react 路由器重定向

将行添加到jqGrid中,而无需重新加载页面

添加或删除或重新加载特定的VirtualHost,而无需重新启动Apache(并且不中断其他VirtualHost的请求)

如何在单个页面中多次使用setTimeout函数而无需重新加载页面

如何使用Ajax加载过滤的数据,而无需在laravel中重新加载整个页面

jQuery DataTables重新加载而无需页面刷新

是否可以更改URL而无需在Meteor中重新加载页面?

更改浏览器URL,而无需使用Ajax请求重新加载页面

将 Flask 输入更新为 HTML,而无需使用 jQuery 重新加载页面

使用AJAX启动PHP而无需重新加载页面

使用Ajax插入查询而无需重新加载整个页面

执行查询而无需使用php中的触发器重新加载页面

如何使用Ajax在Asp.net核心MVC中刷新数据而无需重新加载页面?

更改路线参数而无需在Angular 2中重新加载

获取HTML日期输入类型值和下拉列表中的值以在其他div中显示,而无需使用javascript加载页面

同步时间而无需重新加载页面

提交表单而无需重新加载页面

刷新javascript而无需重新加载页面

验证表单而无需重新加载页面

添加一个收藏夹按钮以使用PHP中的值更新mysql数据库,而无需重新加载页面

使用jQuery更新脚本标签的src-使用jQuery重新加载脚本而无需刷新页面

在对话框中重新加载表单而无需重新加载页面