Ajax发布两次，但只需要发布一次

Question

我正在使用以下内容（添加到DOM代码中）以类似的数据更新MySQL数据库，但是，它两次发布了，我不知道为什么。

我有几乎完全相同的代码，不一样的代码也会发布两次，所以它本身会被取消，但数据库命中次数超过所需次数的两倍永远都不是一件好事。

html += '<script type="text/javascript">';
     html += '$(function()';
     html += '{';
     html += '$(".like").click(function(){';
     html += 'var element = $(this);';
     html += 'var I = element.attr("id");';
     html += 'var info = \'article_id=\' + I;';
     html += '$.ajax({';
     html += 'type: "POST",';
     html += 'url: "/pages/includes/ajax/like.php",';
     html += 'data: info,';
     html += 'success: function(){';
     html += '$(\'#like\'+I).fadeOut("fast");';
     html += '$(\'#unlike\'+I).fadeIn("slow");';
     html += '}';
     html += '});';
     html += 'return false;';
     html += '});';
     html += '});';
 html += '</script>';

如何避免发布两次？

Answer 1

如果将代码多次添加到dom中，则您的click事件将多次执行相同的匿名函数。 因此，请确保此代码在您的页面源代码中不会出现多次。