如何根据页面URL在数据库中填充页面上的表单字段？

Question

您好，首先我想说的是，请原谅我的无知，因为我对此并不陌生。 我刚刚开始，但仍在尝试了解这一点。

到目前为止，我已经建立了一个数据库，并且正在尝试从数据库中检索值，以便在加载时在页面上填写表格。 需要从数据库中检索的记录或行/值取决于页面的URL。

我对html和css没问题，但仍然尝试了解有关jquery，JavaScript，sql，php等的更多信息。 我意识到我有一个路要走，说实话，在线上的一些指南和教程有点让人困惑，因为每个人都有不同的编码方式。 所以我有点困惑。

我提供了一个简单的图表来细分我要尝试执行的操作。

如果有人能指出正确的方向，我将不胜感激！ 谢谢。

Answer 1

如果您对我的理解很好，那么您希望设置一个表单，并使用查询表单数据库填充该表单的某些字段，记录的主键是相对于url的。

第一步是构建url，您可以通过添加?将一些参数传递给url ? 在网址末尾，然后是参数名称， =符号和参数值。 如果您有多个参数，则应使用符号&分隔每个参数。

因此您的网址可能是这样的： www.examplesite.com/page&.html?key=key_A1

然后，您必须选择是否要使用php之类的语言在服务器端构建页面，在这种情况下，您需要检索参数，查询数据库，构建html表单并将其发送给客户端。

您也可以使用普通的javascript或jquery进入客户端，在这种情况下，您仍然必须进行一些服务器端编程来查询数据库，但是将使用ajax调用来获取数据并填充Javascript或JQuery中的字段。

Answer 2

您可以使用Javscript（使用Ajax）来执行此操作

1. 您需要密钥来从数据库中搜索结果
2. 使用ajax调用获取数据，您可能必须编写代码以使用任何服务器端编程语言从数据库获取详细信息
3. 使用javascript将接收到的数据填充到表单输入中。

Google for jquery ajax示例，以及如何使用javascript填充输入。

那里有许多内置了DataBinding的框架，它们可以轻松完成相同的工作。 我最喜欢的是Angular Js，您可以尝试Ember并在那里找到更多选择，选择一个自己喜欢的产品。