最好有一个动态页面还是多个页面根据下拉选项重定向
Is it better to have one dynamic page or multiple pages that redirect depending on a dropdown option?
我有一个带有多个选择的下拉框的表单,我将对其进行设置,以便根据选择更改表单中的字段。
我目前想到了两种方法来做到这一点(请记住,我对 Web 开发相对较新):
- 第一种方法是使用带有JS函数的一页HTML,该函数将显示特定字段取决于部分显示值,la :
elem.style.display="inline"
或elem.style.display="none"
- 第二种方法是拥有多个页面并使用JS重定向取决于选择的项目。
有首选方法吗?用户是否更喜欢特定方法,哪种方法更有效?我相信第二个将来会更容易管理,但我想知道它的可用性和效率。
对于用户来说,使用第一种方法通常更好,因为没有页面加载的等待。 可能在某些时间和地点最好使用单独的页面,但在大多数情况下,我会说在一个页面上完成所有内容会更好。
以下是一些优缺点的快速列表
第一种方法:
优点:
1.没有额外的页面加载(但是,如果您尝试加载太多,则第一页可能会很慢)
2.用户更容易跟上流程
3.当页面立即响应输入时,它看起来更酷/更时尚(我知道有些主观)
缺点:
1. 维护
起来可能要复杂得多2.随之而来可以更容易地引入错误
第二种方法:
优点:
1. 开发
简单2.向用户发出信号,表明您正在做的事情发生了变化(在某些情况下,切换页面会在用户脑海中产生逻辑中断。
缺点:
1.可能看起来有点过时(再次是主观的)
2.后端有一些维护,确保所有内容都正确安全地从一个页面传达到下一个页面
如今,基于下拉框或其他元素更改页面的标准方法是让javascript隐藏/显示页面的某些部分,或者使用DOM方法修改页面以适应。
有许多JavaScript工具包可以处理编写JavaScript代码的大部分混乱细节,这些代码可以执行诸如更改页面之类的棘手操作,同时确保所有浏览器都正常工作。 一定要检查一个。jQuery是最受欢迎的工具包之一。
不完全确定我是否理解你想要实现的目标,但我所做的是在PHP中构建一个"控制器"类型的页面,它将从JavaScript/jQuery异步接收所有帖子。 然后,控制器页面将根据 post 变量引发它需要的任何额外形式。
所以基本上在点击时,选择将被传递给控制器,然后控制器将返回由JavaScript发布的新HTML表单。
希望这不会太令人困惑,但是如果您提交和项目示例可能会更容易布局。
第一个选项更好,因为它更快,需要更少的HTTP请求。
- 根据select选项元素将表单重定向到不同的URL
- 如何根据所选选项值重定向表单操作
- 如何重定向当前选项卡'Chrome扩展中的url
- 如何在新选项卡中打开链接以及在当前选项卡中重定向
- 对添加另一个选项卡的onsubmit函数停止重定向
- 在Jquery easyui中,多个选项卡提交按钮点击事件正在重定向到主页(第一个)选项卡
- 当用户在选择框中选择选项时,使用window.location.href重定向用户只会更改导航器中URL的最后一位
- 基于单选/选择选项重定向
- 根据选择选项元素将表单重定向到不同的URL,并在电子邮件中获取表单详细信息
- 重定向后选择选项
- Chrome扩展-重定向当前选项卡后重新运行扩展脚本
- 选择选项“重定向获取值”和“在重定向页面上显示”
- 单击外部链接后重定向,只打开一个选项卡/窗口
- Javascript表单提交打开新窗口选项卡,然后重定向父页面
- 页面重定向后,使用选定的选项文本更新下拉菜单文本
- 如何根据 html 中的选项/选择重定向用户(单击按钮后)
- 如何调整此代码,以便它将在新选项卡/窗口中打开重定向
- 要重定向的页面取决于多个“选择”选项
- 有没有办法重定向使用 JQuery UI 选项卡加载的内容
- 加载新页面时快速重定向选项卡的方法