click事件仅在双击而不是单击时有效

Question

我有一个带有单击事件的按钮，我的问题是事件函数的代码仅在双击时执行，而不是单击时执行

<input class="btn btn-default" type="submit" id="submit2" name="submit" value="Suprimer" onclick="suprimer('5','5656','676','vf567','fg6')">

函数是：

function suprimer(first, second, third, fourth, fifth) {
  var str = '';
  var dataString = str;
  $.ajax({
    type: 'GET',
    url: '/supression/suprimer/' + first + '/' + second + '/' + third + '/' + fourth + '/' + fifth + '/',
    data: dataString,

    success: function(data) {
      $('#shows2').html(data);
    }
  });
  return location.reload();
}

您能帮我解决这个问题吗？

Answer 1

这是因为您在请求完成之前重新加载了页面。 因此，大多数情况下，页面开始重新加载时，请求将被取消。

只需移动location.reload(); 进入success功能。 或将其删除，因为您已经从html中删除了数据。

Answer 2

您无法发送ajax请求并立即重新加载页面，因为该请求将随页面重新加载而丢失。

您正在发送AJAX请求，这是一个异步javascript操作，在收到对发送请求的页面的响应之前，您需要重新加载窗口，从而使响应丢失。

如果在单击后需要刷新窗口很重要，则需要将表单数据传递给页面重新加载，然后发出AJAX请求。

if(window.location.hostname == "www.yourwebsite.com"){
   window.location.href = window.location.href + "?dataString";
}

您需要在按钮的click事件上构建dataString（URL ESCAPED），然后使用该数据重新加载窗口。 现在，由于您重新加载的页面的URL中包含数据，因此您可以使用该数据发出AJAX请求。

我希望您可以通过这种方式完成它。