Php或Javascript将数据加载到表单元素中？

现在我正在通过php将数据库中的数据加载到表单元素中，但我想知道是否应该用javascript创建对象并以这种方式加载它们。我可以创建一个返回json数组的php函数，并通过ajax调用以这种方式填充对象

目前，我将表单上的任何更改保存为序列化表单并将其发送到php脚本以保存到数据库中，但对于javascript对象，我可以使用数据绑定并将更改保存到实际对象中

现行代码

<input type="text" name="firstname" value="<?php echo $data['firstname'] ?>">

---

如果它对你有利的话，你可以有这样的东西

<form>
<input name="bla" id="bla">
<input name="bla1" id="bla1">
<!--etcetera just an example-->
</form>

<script>
var values = <?php echo json_encode(array('bla'=>'value1', 'bla2'=>'value 2')); ?>; //you can also get this via ajax - see docs here: https://api.jquery.com/jQuery.ajax/
$.each(values, function( index, value ) {
$('#'+index).val(value); //you can use other selectors if you want to use the name attribute but this should work
});
</script>

---

最佳方法：使用Angular、React或Vue的SPA概念：

使用指向php文件的url定义模型 将模型绑定到窗体 定义一个执行前端中间件的JS控制器 在SPA中，php后端只发送json，渲染过程完全在前端完成。那叫无头。这样做，您将获得一些好处：

数据绑定，单向或双向 智能预取站点，使其感觉就像即时加载

---

如果你说的是客户端javascript，我的感觉是你应该坚持使用php——这样你就不必考虑表单处理中的优雅降级。当然，如果不了解更多的应用程序上下文，就很难确定。在何处以及如何使用这些数据？数据将加载到表单元素中，以便用户能够更改。基本上，当表单提交时，我有一个ajax调用，它将表单数据发送到一个php脚本，该脚本将表单数据保存到数据库中。