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

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

2 个答案: