使用 ajax 和 jquery 从数据库中动态添加预先填充的表单

Posted 2023-02-24

【中文标题】使用 ajax 和 jquery 从数据库中动态添加预先填充的表单

【英文标题】：Dynamically add pre populated forms from database using ajax and jquery

【发布时间】：2014-10-01 08:43:53

【问题描述】：

我已经在网上搜索了几天，但我似乎无法找到我的问题的答案。我想根据下拉菜单（从我的数据库中的一行中选择）附加一个 div 或从我的数据库中插入一个预先填充的表单。按下按钮后，它会将表单字段添加到上方的 div 或区域。有什么建议？我应该如何解决这个问题？我对 Jquery 和 Ajax 非常陌生，但对 php 相当了解。

【问题讨论】：

您是否在询问如何使用 Jquery.ajax() 和 PHP 访问数据库中的行？

更像是如何访问行，显示行的某些信息（以表单格式）并将其附加到 div。 @mccallbear

【参考方案1】：

一种方法是在页面加载时填充字段。 （使用 "value=<$php echo $someData %>" 将值传递到您的 html 页面

如果您想加载数据而不每次刷新页面，我建议您创建一个不同的页面，该页面将通过 POST 请求从数据库加载数据并将数据检索为 JSON，以便您可以解析它使用 javascript 并相应地更新字段。

可以像这样更新字段：

json = YourJSONData;    
$('.some-class').val(json['someData']); // if populating a form field
$('.some-other-class').html(json['someOtherData'); // if populating a div or other DOM element.

等等……

【讨论】：

抱歉，回复晚了，感谢您的回复....所以我了解使用基本的 mysql 选择配置创建一个 PHP 页面。但是如何使用 ajax 和 json 将 php 页面与 jquery 连接起来？

通过使用 PHP 创建另一个页面，该页面将根据接收到的 POST 数据输出格式为 JSON 的数据。所以基本上向另一个页面发送一个 POST 请求，该页面将处理 POST 请求中的数据并将格式为 JSON 的数据输出到该页面，作为回报，它将通过 ajax 查询检索（ajax 只是检索 html/json/（其他标记语言等）它在您发送到的页面上找到）