JQuery - 在表单中填充数据的正确方法

JQuery - Correct way to populate data in form

本文关键字：方法 数据 填充 表单 JQuery      更新时间：2023-09-26
function getData(id) {
    $.getJSON('process.php?action=lookup&id='+id, parseInfo);       
    return false;
}
// Display data in form
function parseInfo(data) {  
  if (data.id > 0) {
    $('#txtaction').val('update');
    $('#txtbook_id').val(data.id);
  } else {
    $('#txtaction').val('');
    $('#txtbook_id').val('');
  }
}

参考上面的方法，这是填充表单字段的正确方法吗？如果我有一长串要填充的表单字段和要更改的属性，在调用 getData 函数时会导致任何问题吗？

提前感谢您的任何意见！

我要做的一个调整是避免重复选择器和val调用，太容易添加一个字段而忘记更新if/else的一半或另一个：

function parseInfo(data) {  
  var valid = data && data.id > 0;
  $('#txtaction').val(valid ? 'update' : '');
  $('#txtbook_id').val(valid ? data.id : '');
}

旁注：手动执行此操作对于非常小的项目很好，但对于任何规模的项目，您都可以查看各种 MVC 和 MVVC 工具或框架中的任何一个。有很多。

这

似乎是正确的。但是请记住，JSON 属性名称不能包含短划线，因此解决此问题的另一种方法是： 

if (data['id'] > 0) {
    $('#txtaction').val('update');
    $('#txtbook_id').val(data['id']);
} else {
   $('#txtaction').val('');
   $('#txtbook_id').val('');
}
相关文章：