Javascript 仅在第一次单击时触发Ajax

我只想在第一次点击时调用ajax来保存bandwith，因为数据量很大。下面是我的代码

$('.id-list').click(function() {
$.ajax({
    type: "POST",
    url: "timesheet.php?action=idlist",
    async: false,
    success: function(rdata) {
             $('.id-list').removeClass('id-list') //remove the class
    }
})      
})

检查元素时，

class=“id list”

被删除，但当我再次单击它时，它会再次触发ajax调用，这是我不希望发生的

有什么方法可以实现这一点吗？ 谢谢。

或

API

.one

：

将处理程序附加到元素的事件。每个元素最多执行一次处理程序

   $('.id-list').one('click', function() {
    $.ajax({
    type: "POST",
    url: "timesheet.php?action=idlist",
    async: false,
    success: function(rdata) {
             $('.id-list').removeClass('id-list') //remove the class
    }
})      
})

$('.id-list').one("click",function() {
  $.ajax({
    type: "POST",
    url: "timesheet.php?action=idlist",
    async: false,
    success: function(rdata) {
             $('.id-list').removeClass('id-list') //remove the class
    }
  })      
})

描述：将处理程序附加到元素的事件。每个元素最多执行一次处理程序

   $('.id-list').one('click', function() {
    $.ajax({
    type: "POST",
    url: "timesheet.php?action=idlist",
    async: false,
    success: function(rdata) {
             $('.id-list').removeClass('id-list') //remove the class
    }
})      
})

$('.id-list').one("click",function() {
  $.ajax({
    type: "POST",
    url: "timesheet.php?action=idlist",
    async: false,
    success: function(rdata) {
             $('.id-list').removeClass('id-list') //remove the class
    }
  })      
})

---

Live已被弃用，在这里并不真正适用，即使它在删除类时可能会起作用