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

Question

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函数时会引起任何问题吗？

预先感谢您的任何评论！

Answer 1

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

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

---

旁注：手动执行此操作非常适合小型项目，但是对于任何大小的项目，您都可以研究各种MVC和MVVC工具或框架。 有许多。

Answer 2

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

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