javascript - 如何使用 AJAX 发送发布数据，当前解决方案不起作用

Question

所以我有一个按钮，我想使用 ajax 将发布数据发送到 PHP 文档，然后重新加载页面。

这是按钮:

  <button value="ON" id="send" class="btn btn-block btn-primary btn-sm">ON</button><br>

这是 AJAX

    <script>
    $('#send').click(function() {
    var val1 = $('Online').text();;
    $.ajax({
        type: 'POST',
        url: 'stat.php',
        data: { stat: val1 },
        success: function(response) {
            window.location.reload();
        }
    });
});
}
    </script>

Answer 1

请删除

window.location.reload();

您没有从 ajax 获得响应，因为页面在获取数据之前已重新加载

或者，如果您想在页面成功后重新加载页面，请使用以下代码:

  <script>
    $('#send').click(function() {
    var val1 = "asdas";
    $.ajax({
        type: 'POST',
        url: 'stat.php',
        data: { stat: val1 },
        success: function(response) {
           console.log(response);

        if(response){ // if true (1)
         setTimeout(function(){// wait for 5 secs(2)
           location.reload(); // then reload the page.(3)
      }, 5000); 
       }

        }
    });
});

    </script>

这肯定会对你有帮助!