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('');
}