为了账号安全,请及时绑定邮箱和手机立即绑定

如何使用 AJAX 发送帖子数据,当前解决方案不起作用

如何使用 AJAX 发送帖子数据,当前解决方案不起作用

PHP
偶然的你 2022-06-11 10:27:41
所以我有一个按钮,我想使用 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>
查看完整描述

2 回答

?
守着一只汪

TA贡献1872条经验 获得超3个赞

请删除


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>

这肯定会帮助你!


查看完整回答
反对 回复 2022-06-11
?
慕尼黑5688855

TA贡献1848条经验 获得超2个赞

您可以根据jQuery官方文档文档$.ajax使用新的使用done()方法,如果请求成功发送,将触发该方法。


假设元素val1如下


$('#send').on('click', function() {

  var val1 = $('#online').text();

  $.ajax({

    method: 'POST',

    url: 'http://example.com/stat.php',

    data: {

      stat1: val1

    },

  }).done(function(response) {

    window.location.reload();

  });

});

<input type="text" id="online" value="test">


查看完整回答
反对 回复 2022-06-11
  • 2 回答
  • 0 关注
  • 89 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信