Ajax内容刷新，仅在更改时

Question

我正在使用HTML表单输入数据。我使用jQuery每隔n秒刷新一次表单中的“预览”框，但这应该只在内容更改时完成，以避免不必要的闪烁和无用的连续刷新。如何使用Javascript / jQuery触发此操作？应该在表单INPUT字段上执行内容更改测试。

Answer 1

您需要使用.change()：

$("#input_id :input").change(function(){
    ajax_refresh_handler(this);
});

Answer 2

var isFormChanged = false;

$("input").change(function() {
    isFormChanged = true;
});

setInterval(function() {
    if (isFormChanged) {
        refresh();
        isFormChanged = false;
    }
}, 15000);