一键保存多次

Question

我有一个搜索文本框，搜索结果将显示一个图形，我将该结果保存在数据库中

但是第一次可以正确保存，第二次可以保存2次，第三次可以保存3次，

$('#twitsave1').click(function(el)
{ 

    if ( $("#twitsave1").prop('checked') == true ){

    //console.log( el.timeStamp);
    var reId=$(this).next().next().html();
    console.log(reId);
    var key=$('.searchBar input[type="text"]').val();
    var timeStamps = el.timeStamp;
    var loginname = AppAPI.getUser();
    var logTypes = 'EVIDENCE';
    var dataSources = 'Twitter';

    AppAPI.showLoadingBar('Saving'); 

    var data=JSON.stringify({
        "login":loginname ,
        "value": reId,
        "logType": logTypes,
        "title": 'Twitter - '+key,
        "dataSource":dataSources,
        "timeStamp": timeStamps,
        "searchDateRange":startdate+":"+endDate
   });

   console.log(data);
   var url=getApplicationRoot() +'/api/dao/logEntry';
   $.ajax({
    type:"POST" ,
    url:url,
etc.......

在console.log（data）我得到3或4倍相同的数据，请帮助

Answer 1

可能此点击绑定： $('#twitsave1').click()在点击处理程序中再次执行。

• 您是否调用刷新/重绘函数，使click（）绑定再次发生？
• 点击是否触发AJAX调用，该调用返回添加到页面的javascript代码？ 然后检查该javascript是否不再添加click（）绑定。

Answer 2

问题可能出在点击被多次触发。 使用.one()代替。 该处理程序只会执行一次。

Answer 3

尝试将禁用或只读属性添加到按钮。 该用户将无法一次又一次单击它。