这是在jQuery和PHP中使用AJAX的正确方法吗？

Question

我需要一些帮助。我正在使用AJAX（第一次），我想请你告诉我，我要向你展示的方式是否最佳。

我们说我有一个选择元素。

<select class="update-db" data-id="25" data-original-value="2">
    <option value="1">Yellow</option>
    <option value="2" selected="selected">Red</option>
    <option value="3">Blue</option>
</select>

所以这就是我所做的：

$(document).on('change', 'select.update-db', function() {

// Get needed data
var select = $(this);
var id = select.attr('data-id');
var originalValue = select.attr('data-original-value');
var newValue = select.val();

    // Perform the request
    $.ajax({
        method: 'POST',
        url: 'update-db.php',
        data: { id: id, 'original-value': originalValue, 'new-value': newValue }
    });

  // Then, if everything is okay, change the "original value" of the select element
  // so that we can perform the updating operation again without having to refresh the page
  .done(function() {
      select.attr('data-original-value', newValue);
  });

});

然后，另一方面，PHP脚本验证所有内容并更新数据库。

这是使用AJAX的正确方法吗？我觉得不是。我做错了什么？