获取 URL 作为变量并根据 URL 显示不同的 div

Posted

技术标签:

【中文标题】获取 URL 作为变量并根据 URL 显示不同的 div【英文标题】:get a URL as variable and display different div dipending on the URL 【发布时间】:2014-12-05 07:08:03 【问题描述】:

可以获取一个 URL 作为变量并根据变量 (URL) 的值显示不同的 div(在同一页面中)。更多细节:如果我有一个带有 webform/popup(DIV) 的页面,我想根据我从服务器得到的响应来更改这个 DIV 的 innerhtml

【问题讨论】:

你可以在 URL 中使用不同的参数 我的意思是:如果我得到一个 URL1 的响应,我会显示“div1”,如果我得到一个 URL2 的响应,我会显示“div2”。示例:我有一个带有 2 个按钮的 div,它发送 2 个不同的请求,服务器将用具有不同 KEY VALUE 的 URL 回复我 使用Ajax你可以做到 【参考方案1】:

最简单的方法是创建这些差异并使用 css 将可见性设置为 false 作为默认行为。

在 Ajax 成功回调中,您可以根据响应覆盖一个 div 容器的可见性。

代码显然取决于您在客户端使用的框架(jQuery、纯 JS、Angular)。

【讨论】:

以上是关于获取 URL 作为变量并根据 URL 显示不同的 div的主要内容,如果未能解决你的问题,请参考以下文章

在 next.js 中获取客户端的当前 url

放大获取 lambda 中的托管 URL 作为环境变量

如何获取URL链接的文件类型

获取按钮以在webview中打开不同的URL

根据按钮链接在webview中显示特定的url

在 url 中隐藏获取变量