Gmail 类似 URL 方案

2023-12-25

我正在开发票务系统,有以下要求:
主页分为两个部分:
第 1 节。此处显示了一些过滤器选项。(例如封闭票证、开放票证、所有票证、分配给我的票证等)。您可以选择一个或多个这些过滤器。
第 2 节。此处将显示满足上述筛选条件的门票列表。

现在这就是我想要的:当我更换过滤器时
--> 更改应该反映在 URL 中,以便可以为其添加书签。
--> 将发出 ajax 请求,并且满足所选过滤器的票证列表将在第 2 秒中更新。

我希望使用相同的代码以两种方式加载门票 -
(a) 通过选择该组过滤器并且
(b) 通过使用书签重新加载页面。

我不知道该怎么做:
URL 将包含选定的过滤器。(附加在 # 之后)
更改页面上的过滤器将修改 URL 的哈希部分,并调用函数(例如 ajaxHandler())来解析 URL 以获取过滤器,然后发出 ajax 请求以获取要在第 2 部分中显示的票证列表。
and
我将在 window.onload 中调用相同的函数 ajaxHandler()。

我感觉这是什么雅虎地图 http://maps.yahoo.com/ does.

实现这种 URL 方案的最佳方法是什么?
我的方向正确吗?


是的,您正朝着正确的方向前进,并且已经进行了大量工作才能在所有浏览器和操作系统上正确执行此操作。最难做到的部分之一是在使用 #urlfragment 语法时使浏览器的后退和前进按钮正常工作。

一个为这样的事情提供支持的库:http://developer.yahoo.com/yui/history/ http://developer.yahoo.com/yui/history/

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

Gmail 类似 URL 方案 的相关文章

  • ReactiveX:仅对每组中的最后一项进行分组和缓冲

    如何对 Observable 进行分组 并从每个 GroupedObservable 中仅将最后发出的项保留在内存中 这样每个组的行为就像BehaviorSubject 一样 像这样的东西 user 1 msg Anyone here us
  • 我可以动态创建/销毁 Vue 组件吗?

    因此 我正在创建一个相当复杂的 Vue 应用程序 它从后端 API 获取数据并将其显示在前端 具体取决于用户选择的过滤器 它的默认设置是立即显示所有内容 然后一旦用户选择过滤器 它就会拉出不具有这些属性的 卡片 组件 直到今天 一切都很顺利
  • 您可以将现有的 div 复制到模式对话框吗

    我有一个带有多个面板的仪表板来显示不同的信息 我希望能够添加一个按钮来以模式显示面板 我正在使用引导程序 我所能找到的只是已经编写的模态 我想复制作为面板的 div 标签的内容 然后将其显示在模型中 但我不确定如何进行 该面板的 html
  • 将 JSON 发布到 Python CGI

    我已经安装了 Apache2 并且 Python 可以工作 但我有一个问题 我有两页 一个是 Python 页面 另一个是带有 JQuery 的 Html 页面 有人可以告诉我如何让我的 ajax 帖子正常工作吗
  • 在多个动态添加的表单上初始化 jQuery validate() 函数

    有人建议最好初始化一个 form validate 在页面加载而不是点击事件上运行 jquery form validate 插件仅允许在输入更改时提交 https stackoverflow com questions 10984196
  • Angularjs 完整日历不显示事件

    我正在用那个https github com angular ui ui calendar https github com angular ui ui calendar在 Angularjs 中使用 FullCalendar 它显示日历并
  • 如何在php中使用一张图像绘制形状

    我需要使用图像的一部分来创建帧图像 例如 用户将从后端上传图像片段 现在我需要根据前端用户的要求在前端创建一个框架 用户将选择框架的高度和宽度 然后他将选择该图像片段 如下所示 我没有办法做到这一点 我尝试通过 css 和 html can
  • 为什么我们使用 SpreadsheetApp.flush()?

    我的理解是 flush https developers google com apps script reference spreadsheet spreadsheet app flush有助于在功能发生时执行这些功能 而无需将它们捆绑在
  • JavaScript:常量属性

    在javascript中 我可以将对象的属性声明为常量吗 这是一个示例对象 var XU Cc Components classes or function aXU this Cc Components classes var XU new
  • 窗口大小调整触发的 DOM 事件

    我有一个布局相当复杂的页面 最初打开页面时 某些元素的对齐存在问题 但是 可以通过更改浏览器窗口的大小来 永久 解决此问题 显然 我不希望用户必须调整浏览器窗口的大小才能使页面正确显示 所以我想知道是否有一种方法可以在页面首次加载时以编程方
  • ReactCSSTransitionGroup 组件WillLeave 未调用

    我尝试使用 ReactCssTransition 但不知何故该事件没有被调用 componentWillLeave 这是我的组件 import React Component from react import TransitionGrou
  • 带有 mkdocs 的本地 mathjax

    我想在无法访问互联网的计算机上使用 MathJax 和 Mkdocs 因此我不能只调用 Mathjax CDN Config mkdocs yml site name My Docs extra javascript javascripts
  • 类型“void”不可分配给类型“((event:MouseEvent) => void) |不明确的'

    import as React from react import App css import PageTwo from components PageTwo export interface IPropsk data Array
  • 将 onclick 事件应用于页面加载时不存在的元素

    我将列表样式设置为看起来像选择框 并且当用户单击列表中的元素时我想触发一个函数 但是该元素是通过加载的AJAX因此 当页面加载并且我无法绑定时不存在onclick事件到它onDomReady 如果我把它作为一个普通的选择列表 我可以只标记一
  • 如何取消 AjaxForm 上的提交

    我正在使用 jQuery 插件 ajax 形式 我尝试实现这样的东西 MyFormID ajaxForm dataType json resetForm true beforeSubmit function validateData ret
  • 根据特定字符获取整个字符串或子字符串

    我有一个包含 MIME 类型的字符串 例如application json 现在我想将其与实际的 HTTP 标头进行比较 在本例中content type 如果标头包含 MIME 类型 那么就很简单 if mimeType contentT
  • Outlook 加载项,无法读取未定义的属性“BeginRequestEventArgs”

    我使用 Visual Studio 开发了 Outlook 插件 我的插件有一个按钮 用于填充会议邀请正文中的详细信息并添加所需的与会者 这在 99 的情况下都有效 但是 时不时地它会给我下面的 JavaScript 错误 Uncaught
  • Django 将 JSON 数据传递给静态 getJSON/Javascript

    我正在尝试从 models py 中获取数据并将其序列化为views py 中的 JSON 对象 模型 py class Platform models Model platformtype models CharField max len
  • 弹出窗口的动态高度取决于内容,可能吗?

    是否有可能获得一个宽度始终为 400px 的弹出窗口 但根据弹出窗口中的内容动态高度 我已经看到了这个 但不知道如何将其应用到弹出窗口 调整 iframe 的宽度高度以适应其中的内容 https stackoverflow com ques
  • 使用 AJAX 和 JQuery 按设定的时间间隔刷新 Rails 部分

    I have a page in my rails application that looks like 现在 我有另一个用 python 编码的人工智能应用程序 它处理视频 显示在 Rails 应用程序页面的左侧 并使用捕获的车辆及其相

随机推荐

  • 在 VSCode 中禁用 Javascript 的特定错误消息?

    我在 JavaScript 中使用类属性 静态和普通 和装饰器 有没有办法启用其他 ES 阶段的代码突出显示或禁用它们的特定错误消息 VSCode 告诉我只能在 TypeScript 中使用类属性 因此它似乎可以识别它们 您可以使用以下命令
  • 如何给java足够的时间给变量赋值? [关闭]

    Closed 这个问题需要调试细节 help minimal reproducible example 目前不接受答案 我有一个循环 在循环的末尾有一个String 被添加到ArrayList 在类中声明而不是方法 并在循环开始时说Stri
  • 如何发出数据流已完成的信号?

    我有一个类 它使用 TPL 数据流实现由 3 个步骤组成的数据流 在构造函数中 我将步骤创建为 TransformBlocks 并使用 LinkTo 将它们链接起来 并将 DataflowLinkOptions PropagateCompl
  • 在 PHP 7.4 中使用 FFI 加载库时出现问题

    我在新的 FFI 中使用 PHP 中的第三方 so 库时遇到问题 当我运行这段小代码时
  • 如何获取asp.net下拉列表的选定值并将其存储在会话变量中?

    Dim ename As String DropDownList SelectedItem Value 这个声明不起作用 任何帮助表示赞赏 我不确定这是否是您的问题 但如果您正在寻找所需的项目文本 而不是值 DropDownList Sel
  • 使用 Jquery 从第一个下拉列表中过滤第二个下拉列表

    Team 我有两个下拉菜单说 年 和 节 1 年份下拉菜单将有以下选项 显示全部 1 2 3 4 2 部分下拉菜单将有以下选项 所有部分 1 部分 A 1 部分 B 1 部分 C 2 部分 A 2 部分 B 3 部分 A 4 部分 A 4
  • 强制用户在 iOS 中以编程方式更新应用程序

    在我的 iOS 应用程序中 我启用了强制应用程序更新功能 是这样的 如果有严重的错误修复 在服务器中我们正在设置新的发行版本 在启动屏幕中 我正在检查当前的应用程序版本 如果它低于服务版本 则会显示一条更新应用程序的消息 我放置了 2 个按
  • Spring RestTemplate - 需要释放连接吗?

    这是我的 Rest 模板配置 Bean Qualifier myRestService public RestTemplate createRestTemplate Value connection timeout String maxCo
  • 为什么不可能构建一个可以确定 C++ 函数是否会更改特定变量值的编译器?

    我在一本书上读到这样一句话 事实证明 构建一个可以实际执行的编译器是不可能的 确定 C 函数是否会更改 a 的值 特定变量 该段落讨论了为什么编译器在检查常量性时是保守的 为什么不可能构建这样的编译器 编译器始终可以检查变量是否被重新分配
  • 使用java从cassandra读取数据

    My sample cassandra table looks like id article read last hours name 5 4 5 6 5 shashank 10 12 88 32 1 sam 8 4 5 6 8 aman
  • 更改 Chart.js 工具提示中的日期格式

    我正在使用 Chart js 生成图表 一切正常 但是如何格式化工具提示信息呢 应该是 2020年4月28日 05 00 你需要定义time tooltipFormat https www chartjs org docs latest a
  • 如何从 NSArray 中的每个 NSDictionary 获取特定键的所有值? [复制]

    这个问题在这里已经有答案了 我有一个包含字典对象的数组 每个字典中的键都是通用的 现在我想获取该键的所有值 我已经通过迭代获得了这些值 但我正在寻找一些直接的方法或完成这项工作的默认方法 您能帮助我获得一种可以达到目的的默认方法吗 谢谢 数
  • 跨浏览器另存为.txt

    是否有一个 JavaScript 库允许将字符串保存为 txt 文件 并且可以跨浏览器工作 过去 我一直在使用 Downloadify 但出于以下几个原因 我正在考虑另一个选择 我希望找到一个纯JavaScript的解决方案 而不需要Fla
  • 获取 2 个日期之间的所有月份

    我创建了一个函数 它返回一个包含每个月的数组 从提供的碳日期开始到当前日期结束 虽然这个函数正在做它应该做的事情 但它看起来很丑陋 显然我的编程技能还没有达到应有的水平 当然必须有更好的方法来实现我想要的 我的代码如下所示 class Da
  • Python 请求,无文件的多部分

    是否可以使用 python 请求发送多部分 表单数据而不发送文件 我的请求标头应如下所示 3eeaadbfda0441b8be821bbed2962e4d Content Disposition form data name value c
  • 角度单元测试:如何在没有范围的情况下测试控制器属性

    我正在尝试为控制器编写一些测试 但是所有文档 教程 等都演示了 scope 上的函数和变量 如果你想测试不在 scope 上的东西怎么办 Ex app controller fakeCtrl function scope var foo b
  • 是否可以对 HashMap 的键和值使用单个泛型?

    In Rust 书第 13 章 https doc rust lang org book second edition ch13 01 closures html 你实现了一个Cacher使用记忆来演示函数式编程以及如何加速长时间运行的任务
  • 当 --module 为“none”时,如何使用 @types npm 存储库中的 TypeScript 定义文件

    如果编译器的模块系统参数设置为 none 如何通过 types 使用 TypeScript 定义文件 例如 当使用 Express Web 服务器的类型定义时 npm 安装 types express 使用以下 tsconfig json
  • UIView - 加载视图时如何收到通知?

    有没有类似的东西viewDidLoad of UIViewController for a UIView 我需要尽快收到通知UIView已加载 子类UIView 并执行一些操作 根据您需要执行的操作类型 有几种技术 id initWithF
  • Gmail 类似 URL 方案

    我正在开发票务系统 有以下要求 主页分为两个部分 第 1 节 此处显示了一些过滤器选项 例如封闭票证 开放票证 所有票证 分配给我的票证等 您可以选择一个或多个这些过滤器 第 2 节 此处将显示满足上述筛选条件的门票列表 现在这就是我想要的