javascript - 如何只追加一次ajax数据？

Question

当用户选择下拉菜单时，我尝试将新返回的数据附加到我的选择标签

obj.prototype.getText=function(){
    codes....
    call ajax....

             ajax.callback=function(data){
                   $('#option').append(data);
            }

        }

$('#dropdown').on('change', function(){
    obj.getText()
})

我的问题是我只想在用户第一次单击下拉菜单时附加数据。只要用户不断单击下拉菜单，我的代码就会不断向我的#option 追加更多相同的数据...

有办法解决这个问题吗？多谢。

Answer 1

使用.one()而不是.on()。一旦触发一次事件，它就会自行解除绑定(bind):

$('#dropdown').one('change', obj.getText);