程序员经验分享-hwhale

获取哈希符号后的请求部分

2023-11-24

我的网站有 AJAX 支持的搜索，它使用深度链接。当用户点击链接时...

http://example.com/articles#/?tags=Mac%20OS,review

…标签“Mac OS”和“评论”应该已经在搜索表单中选择，并且与“Mac OS”和“评论”相关的文章应该显示在页面上。

我有以下情况，需要修复

  1. 用户点击链接http://example.com/articles#/?tags=Mac%20OS
  2. 在初始页面渲染期间，将获取所有文章
  3. 在客户端，哈希部分被解析，并且仅通过 AJAX 请求与“Mac OS”相关的文章。
  4. 客户端接收“Mac OS”文章并替换在步骤 2 中获取的所有文章。还将“Mac OS”标签标记为在搜索表单上选择。

这里的问题是重复的文章渲染，这对用户来说看起来非常糟糕。他查看了所有文章，几秒钟后，它们将被替换为“Mac OS”文章。

我需要有以下场景：

  1. 用户点击链接http://example.com/articles#/?tags=Mac%20OS
  2. 服务器解析 hash-part 并返回“Mac OS”相关文章
  3. 客户明白，“Mac OS”文章已经在那里，但什么也不做。它只是将“Mac OS”标签标记为已选择。

为此，我需要获取请求字符串的哈希部分：

/?tags=Mac%20OS

我无法在 ? 之后使用请求参数，因为我使用 AJAX 和深层链接。使用 ?-part 时，浏览器将被迫重新加载页面。我需要做任何事情而不重新加载页面。

我们将不胜感激您的帮助。

Thanks.


哈希值之后的 URL 部分不会发送到服务器，因此您无法在那里对其进行处理。您可以在创建 Ajax 请求的客户端代码中提取 URL 的部分并将其作为参数发送。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

rubyonrails

AJAX

Asynchronous

request

deeplinking

获取哈希符号后的请求部分 的相关文章

  • Turbolinks 访问的页面中缺少 hubspot 聊天界面，但可用于全页面刷新

    我想将 hubspot 聊天界面集成到我的 Rails 4 Turbolinks 应用程序中 我已将 Google 跟踪代码管理器配置为在每个页面加载事件中显示支持聊天界面 该界面工作正常 GTM 标签 自定义 html PROBLEM 当

  • Fields_for 动态标签

    我有动态表单 它有一组值 我创建了一个包含我显示的文本字段的部分 在每个文本旁边 我想显示一个包含文本标题的标签 例如 名字和姓氏以前是未知的 我该如何去做呢 看来我无法直接访问属性 但是当我使用标签字段时 标签中的变量名称显示而不是实际值

  • Rails 3 中的外键

    我理解 根据 Rails 理念 数据完整性检查应该在应用程序级别而不是数据库级别进行 和许多其他开发人员一样 我强烈反对 我发现了很多解决这个问题的讨论 但它们似乎都很陈旧 而且令人沮丧的是 它们似乎指向了不同的解决方案 我必须想象 Rai

  • 从同一个 Rails 代码库运行多个站点？

    我有一位客户想要将他们在一个领域取得成功的 Rails 应用程序应用到另一个类似的领域 该应用程序的这个新实例将开始非常相似 所有相同的功能 不同的徽标和颜色 但是 如果新网站成功 它将不可避免地需要进行重大自定义 而这些自定义不应应用于原

  • 是否有一种异步信号安全的方式来读取 Linux 上的目录列表？

    SUSv4 http pubs opengroup org onlinepubs 9699919799 functions V2 chap02 html tag 15 04 03 03未在其异步信号安全函数列表中列出 opendir rea

  • 从 JSON 在 Devise 中创建用户

    我正在致力于将运行 Devise 的 Rails 3 1 应用程序与我的 iOS 应用程序集成以进行用户身份验证 我希望用户能够从应用程序注册 然后我可以存储这些凭据以便稍后登录 使用 RestKit 我这样做 IBAction regis

  • 我应该如何升级 Rails 应用程序以使用最新版本的 Rails

    我正在开发一个目前使用 Rails 1 2 的 Rails 应用程序 所以我现在距离最新的稳定版本 Rails 2 3 还有很长的路要走 我应该如何进行迁移到新版本 Rails 的过程 我应该一次升级一个版本还是直接升级到 Rails 2

  • Rails 2 Mailer View 将 3D 添加到字符串之前

    我有一个非常旧的 Rails 应用程序 它试图为新用户发送验证电子邮件 但永远找不到令牌 因为由于某种原因 无论我如何生成链接 链接都会以 3D 形式添加到字符串前面 由于某种原因 它似乎还在标记的中间注入了一个 符号 这是一些带有输出的代

  • Rails 6 webpack 抛出“未捕获的引用错误：$未定义”

    大家好 我最近开始使用 ruby 2 6 5 开发 Rails 6 由于 Rails 6 引入了 webpack 所以我尝试使用 webpack 加载我的 js 文件 尽管我已经在 appliation js 中需要了 jquery 但我仍

  • 使用 RSpec 测试控制器时模拟 CanCan 授权

    这是我要测试的控制器 class UsersController lt ApplicationController load and authorize resource def index users User all respond t

  • jquery ui autocomplete：如何在文本输入失去焦点后取消缓慢的ajax请求

    我正在使用 JQuery UI 自动完成字段 该字段与 ajax 查找相关 有时可能会相当慢 有时 用户会按 Tab 键离开文本输入字段afterajax 查询启动但是beforeajax 调用返回 发生这种情况时 即使文本输入不再具有焦点

  • Ruby on Rails 中 RESTful POST 的功能测试

    我想为我正在 Ruby on Rails 应用程序中开发的 RESTful Web 服务编写功能测试 该测试是 POST 请求 其中请求正文是纯 XML 文档而不是表单 有关如何执行此操作的任何指示 我遇到的问题是如何在调用 post 方法

  • Laravel 5.3 中 ajax POST 的最小工作示例

    有人可以用完整的最小示例解释 Laravel 5 3 中的 ajax post 方法吗 我知道网络上有一些资源 但我错过了一个简洁 直接的最小示例 我认为您对模型 控制器 视图范例有基本的了解 对 Laravel 有基本的了解 并对 Jav

  • 模拟 RSpec 单元测试中的竞争条件

    我们有一个异步任务 它对对象执行可能需要长时间运行的计算 然后结果缓存在对象上 为了防止多个任务重复相同的工作 我们添加了带有原子 SQL 更新的锁定 UPDATE objects SET locked 1 WHERE id 1234 AN

  • 如何使用类自定义设计错误消息

    我正在使用 Twitter 引导警报消息 在我的 application html erb 中我有 div class a class close a div 通常当我想做一条闪存消息时 我会写类似的内容 flash success Pro

  • 为什么安装 Ruby on Rails 会生成错误“数组‘ruby_check_sizeof_voidp’的大小为负数”？

    安装 Ruby on Rails 时 通过gem install rails 您可能会收到以下错误消息 c Ruby193 include ruby 1 9 1 ruby ruby h 109 14 error size of array

  • Rails Bundle，gems 冲突，解决它的最佳方法

    我在使用 Bundle 解决宝石冲突时遇到了麻烦 无法激活 activemodel 3 0 8 actionpack 3 0 8 railties 3 0 8 的构建器 gt 2 1 2 运行时 已激活 的 builder 3 0 0 黄瓜

  • 如何从 facebook javascript SDK 获取个人资料图片？

    我正在尝试从 Facebook 获取个人资料图片 现在我正在从 Facebook 获取所有信息 但无法获取用户的个人资料照片 这是我的代码 function getFBData FB api me function response fbi

  • 使用ajax请求秒更新进度条

    基本上 我正在对外部登录系统执行 AJAX 请求 如何根据请求的长度更新进度条 例如 请求的时间介于1 30s to 1 40s要完成 我怎样才能根据一定的时间间隔更新进度条 比如每 10 毫秒更新 10 之类的 这是进度条的 HTML 布

  • 推送到 Heroku 时出错 - ...出现在组中 - Ruby on Rails

    我正在尝试将我的第一个 Rails 应用程序部署到 Heroku 但似乎遇到了问题 后git push heroku master and heroku rake db migrate我收到一条错误消息 SELECT posts count

随机推荐

  • Spark MLLib Kmeans 来自数据帧，然后再次返回

    我的目标是使用 Spark 1 3 1 MLLib 将 kmeans 聚类算法应用于非常大的数据集 我已经使用 Spark 中的 hiveContext 调用了 HDFS 中的数据 并且最终希望以这种方式将其放回原处 以这种格式 I D c

  • 获取 Qt Widget 的变量名称（用于样式表）？

    在我的应用程序中 用户单击程序的任何小部件 当时处于休眠状态 并为其选择颜色 然后 该颜色将被添加到该特定小部件的样式表中 但是 当程序结束并再次启动时 我希望该特定小部件保留其样式表 我不想在每个小部件的样式表中进行硬编码 事实上 我什至

  • 带有 Tesseract 的空字符串

    我正在尝试从一个大文件中读取不同的裁剪图像 并且我设法读取了其中的大部分图像 但是当我尝试使用超正方体读取它们时 其中一些图像会返回空字符串 代码就是这一行 pytesseract image to string cv2 imread im

  • 如何查看从给定文件开始的完整节点“require()”树？

    我需要查看某种依赖关系树 显示各种require 从特定文件开始 例如 如果我有一个server js像这样的文件 server js var myThing require myThing and a myThing js像这样的文件 m

  • 如何在 JavaScript 中从二进制数据创建 File 对象

    我可能在这里遗漏了一些简单的东西 但是如果给定从 AJAX 请求接收到的二进制数据 我如何在 JavaScript 中创建一个 File 对象呢 ajax url http example com image jpg success fun

  • 如何为图像创建三角形容器（x-浏览器）

    我将如何创建一个包含 IMG 的 DIV 其中 DIV 将图像切割成三角形 从而通过三角形仅显示图像的一部分 so div img src some image div 其中图像是正方形 但包含图像的 DIV 是三角形 http www s

  • 使用 Array.forEach 迭代 getElementsByClassName 的结果

    我想迭代一些 DOM 元素 我这样做 document getElementsByClassName myclass forEach function element index array do stuff 但我收到错误 document

  • 在 Safari 中禁用同源策略

    出于开发目的 我需要在我的计算机上的 Safari Windows 上 中禁用同源策略 在 Chrome 中 这可以通过使用标志启动来完成 disable web security Safari 中是否有等效的标志或隐藏设置 如果你想在Sa

  • 当我的 NodeJS 应用程序在我的计算机上运行时，本地网络上的其他人如何访问它？

    我有一个非常简单的问题 我用NodeJS做了一个网页游戏 我可以在并排打开多个浏览器窗口的情况下自己成功玩它 但是 我想知道其他本地计算机是否也可以访问并与我一起玩游戏 我天真地尝试使用这个网址 my ip address 8000这是行不

  • 在 Ruby 1.8 中将字符串简单转换为 UTF-8

    我知道在 Ruby 1 9 中你可以轻松地重新编码这样的字符串 s s encode UTF 8 Ruby 1 8 中的等效项是什么 它需要什么线路 我见过的所有教程都不必要地复杂 我不明白发生了什么 詹姆斯 爱德华 格雷二世有一个详细帖子

  • CRC16 ISO 13239 实施

    我正在尝试在 C 中实现 Crc16 我已经尝试了许多不同的实现 但大多数都给了我不同的值 这是我已经使用过的一些代码 private static int POLYNOMIAL 0x8408 private static int PRES

  • 无法选择 MKViewAnnotation 两次？

    我在地图上放置了图钉 当我点击它们时 我会调用didSelect 该函数仅在第一次点击该引脚时被调用 之后不会再次在同一引脚上调用该函数 除非我选择另一个引脚然后返回并点击它 对我来说 这听起来像是正在选择引脚 并且didSelect只能在

  • 我应该在哪里放置 Junit @Category 的接口类？

    我想定义项目范围的接口 用于 Category注释 并配置 Maven 在构建整个项目时排除其注释测试 In the 应用项目中有一个测试我想分类 Category Integration class Test public void te

  • Django 无法切换语言环境

    我有文件 locale es LC MESSAGES django mo 和 po 运行 makemessages 和compilemessages 绝对所有消息都已翻译 在settings py中有 USE I18N True LANGU

  • Laravel 中的位置标头

    我正在为我的大学的身份验证系统 Ucam Webauth 使用图书馆 这意味着我必须使用其中一种方法重定向到身份验证服务器 不幸的是 我无法退货Redirect to 因为这个图书馆的架构 图书馆本身使用header Location 但这

  • “kafka.zookeeper.ZooKeeperClientTimeoutException：等待连接超时”仅在列出主题期间

    我发现了一些主题相似但上下文不同的问题 我可以连接以创建主题 但无法列出主题 因为我收到了下面提到的错误 据我所知 人们在我时面临基本连接问题 我只是为了列出主题列表 如果重要的话 这是我的docker compose yml versio

  • IntelliJ switch 语句使用字符串错误：use -source 7

    我正在尝试使用 IntelliJ 在 Mac OS X 上 编译我使用 Eclipse 编写的一些代码 我尝试运行以下代码 switch category case below 20 below20 break case 20 to 29

  • Linux 中的 ps 实用程序（procps），如何检查使用哪个 CPU

    这是关于procps包 实用程序ps对于Linux 它可以打印每个进程 线程 最后使用的CPU数量吗 更新 不是 CPU 时间 10 秒 而是 CPU 编号 CPU0 CPU5 CPU123 ps 1 手册页说您可以使用psr field

  • 使用 awk 从不同文件中减去列

    我有两个文件夹 A1 和 A2 这两个文件夹中的文件名称和文件数量相同 每个文件有 15 列 文件夹 A1 中每个文件的第 6 列需要从文件夹 A2 中每个文件的第 6 列作为基底 我想将每个文件的第 2 列和第 6 列 相减后 打印到具有

  • 获取哈希符号后的请求部分

    我的网站有 AJAX 支持的搜索 它使用深度链接 当用户点击链接时 http example com articles tags Mac 20OS review 标签 Mac OS 和 评论 应该已经在搜索表单中选择 并且与 Mac OS

热门标签