Question

我有一个搜索文本框，搜索结果会显示图表，我将结果保存在DB

中

但第一次保存得当，第二次会保存2次，第3次保存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（数据）中，我得到3到4次相同的数据请帮忙

Answer 1

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

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

Answer 2

问题可能是点击多次被点击。请改用.one()。该处理程序只执行一次。

Answer 3

尝试向按钮添加disable或readonly属性。该用户无法一次又一次地点击它。

单击即可保存多次

3 个答案: