jquery ajax beforeSend 提交等待失效问题

最新推荐文章于 2025-02-08 15:10:37 发布

紫沐星

最新推荐文章于 2025-02-08 15:10:37 发布

阅读量2.5k

点赞数

分类专栏： JS 文章标签： jquery ajax beforeSend

本文链接：https://blog.youkuaiyun.com/zimuxin/article/details/82388524

版权

JS 专栏收录该内容

16 篇文章

订阅专栏

需要使用异步加载async : true 否则不会出现等待效果 

 $(".log").click(function () {
      var html;
      var id = $(this).parents("tr").attr("data-id");
      $.ajax({
          url:DMSObj.baseUrl + 'admin/ajax/log',
          async : true,
          type:'get',
          data:{"_token": "{{csrf_token()}}", id: id},
          timeout:0,
          beforeSend:function(XMLHttpRequest){
              $("#log").modal();
              $(".log_table tbody").append("<tr class='tmp' style='text-align: center'><td colspan='5'>数据正在加载中...</td></tr>");
          },
          success:function(data,textStatus){
              $.each(data.data, function (index, obj) {
                  var str = 'test';
                  html += '<tr class="tmp"><td>'+obj.id+'</td><td>'+str+'</td><td>'+obj.fr_tb_admin_wid+'</td><td>'+obj.fr_tb_admin_name+'</td><td>'+obj.created_at+'</td></tr>';
              });
              $('.tmp').remove();
              $(".log_table tbody").append(html);
          },
          complete:function(XMLHttpRequest,textStatus){

          },
          error:function(XMLHttpRequest,textStatus,errorThrown){
              alert('error...状态文本值：'+textStatus+" 异常信息："+errorThrown);
          }
      });

  });