jquery - 对具有自定义数据参数的所有事件使用单个 ajax 函数

Question

我不知道问题本身是否正确，但这里是解释。

例如，我有函数 load_window() 和大量的点击、更改(等)事件。

如何在事件中正确创建custom_data变量并在load_window()函数中使用它？基本上，在成功事件之后，我想将该变量存储在函数中并使用该自定义数据变量加载 ajax。

我是否接近这个，或者我需要重写整个事情？

 function load_window() {
   $.ajax({
     type: "POST",
     url: url+'/window',
     dataType: "html",
     data: {custom_data},
     success: function(data) {
      $('#window').html(data);
      return data;
     }
   });
}

$('body').on('click', '#div', function(event) {
   event.stopPropagation();
   var this_id = $(this).data('id');
   var custom_data = "'id':"+this_id;
   load_window();
});

$('body').on('change', '#div > .div > select', function(event) {
   event.stopPropagation();
   var custom_id = $(this).data('id');
   var custom_data = "'id':"+custom_id;
   load_window();
});

// etc

抱歉英语不好，感谢您的回答。

Answer 1

这只是我的意见，但我会做这样的事情:

function load_window(id) {
   $.ajax({
     type: "POST",
     url: url+'/window',
     dataType: "html",
     data: {id:id},
     success: function(data) {
      $('#window').html(data);
      return data;
     }
   });
}

$('select').on('change', '#div > .div > select', function(event) {
   event.stopPropagation();
   var custom_id = $(this).data('id');
   load_window(custom_id);
});

这会稍微减少代码行数，而不影响可读性，但这只是我的意见