将表单中的输入解析到下一页的最佳实践

时间:2015-08-08 09:31:10

标签: javascript php html parsing input

我正处于创建网站的那个阶段,我需要弄清楚如何在任何页面上输入用户输入2个日期,并在按“查找”时进入预订页面,其中名称,电子邮件等将是要求。但是,我不需要再次填写日期,而是需要从上一页选择的日期填写它们,即从第一页到第二页解析表单的输入。 现在,我已经读过可以使用JavaScript和使用PHP完成JavaScript。

我的问题是:什么被认为是更好的做法,为什么?如果有其他好方法,它们是什么以及为什么它们被认为是好的?

据我所知,JavaScript处理起来比较重,但如果网站开发人员无法使用php,这是一个很好的解决方案。此外,JavaScript可能会在一台计算机上启用。

另一方面,PHP是一种更正统的方式,但需要一个数据库,因此每次提交时,数据库中的条目越来越多,因此需要更多的内存来托管它。

如果我错了,请纠正我,特别是关于PHP方法。

2 个答案:

答案 0 :(得分:2)

你做了一些不正确的假设,所以让我试着回答你的问题。

首先,您必须意识到JavaScript和PHP在概念上是完全不同的语言。 JavaScript在用户的计算机上运行,​​而PHP则在服务器上运行。 JavaScript是一种客户端语言,而PHP是一种服务器端语言。请查看this answer,了解有关差异的详细说明。

一般来说,您应该使用JavaScript来使网页动态化,并使用像PHP这样的服务器端语言来实现业务逻辑。在你的情况下,PHP将是你要走的路。

您提到的PHP的缺点并非如此。您可以将PHP与数据库一起使用,但这绝不是强制性的。在你的情况下,没有理由不使用它。

您应该如何创建您提到的网页:

  1. 制作一个表单,用户可以在其中输入日期并将其操作设置为第二页;

  2. 使用服务器端语言(在PHP中:$_POST['date'])在第二页上阅读此表单,并使用它填写表单。

  3. 这应该可以解决问题。

答案 1 :(得分:1)

在保存到数据库之前,您需要完成所有步骤(读取:后端处理),因此最好处理步骤及其导航客户端。如果所有步骤都已完成,请将完整表单发布到后端。

最简单的方法是:

  • 在表单中添加不同的div,称为步骤
  • 第一个表单的“提交”设置div#step1 hidden并使用javascript(native,jquery或者你想要的东西)显示div#step2
  • div#step2有第二种形式
  • 第2步中的提交是完整表格

下面的伪代码:

<form name="myForm" action="yourbackendlink" method="post">
    <div id="step1">
        // your first form here
        <input type="button" value="Next">
    </div>

    <div id="step2">
        // your next step here
        <input type="submit" value="Finish">
    </div>
</form>

De第一个按钮:

  • 隐藏div步骤1,显示div步骤2.它的形式相同!

完成按钮:

  • 提交(发布)以形成操作链接并通过后端处理(例如php),因此它包含完整的表单输入
相关问题