最好有一个动态页面还是多个页面根据下拉选项重定向

Is it better to have one dynamic page or multiple pages that redirect depending on a dropdown option?

本文关键字:重定向 选项 有一个 动态      更新时间:2023-09-26

我有一个带有多个选择的下拉框的表单,我将对其进行设置,以便根据选择更改表单中的字段。

我目前想到了两种方法来做到这一点(请记住,我对 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请求。