如何把json数据动态输出到table表单或div中

Posted 2023-04-05

这个是json数据，如何以列表的形式在jsp或html页面上呢？

您好：json数据可以根据“[下标].属性”的形式访问到。如alert(json[0].color)这个就可以输出你上面的那个第一个的color值“unkonwn0886”。既然可以得到每个的值，那么就可以动态给table或者div设置值了。设置是可以用appendchild()插入节点方法来插入到节点结构中。还有不懂可以加Q：1534968714. 参考技术A 比如你的json数据是一个对象user,你可以是使用el表达式$user.name获取到名字。具体设置就在页面中完成 参考技术B 转成json数组，用js操作dom生成页面呗。或者用第三方的js ui库

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

【中文标题】使用 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/（其他标记语言等）它在您发送到的页面上找到）