Question

我想在点击按钮后立即将缩略图的可见性更改为可见，我该怎么办？请帮我解决这个问题，因为我不能自己解决这个问题，因为我对ajax和网络编程知之甚少。提前致谢。

function ha(){
 $('#tabExe').click(function(event){
   $.ajax({
      url:'backEnd/ROOMS.php',
      success:function(result){
        $('#room1').css({ // this is just for style        
          "visibility" : "visible",
        });	
      }
    });
  });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button style="border-radius:0px;" type="submit" name="tabExe" onClick="function ha();" id="tabExe" href="#Exec" class="btn btn-primary">
  Executive Room
</button>
            
<div id = "rm1" class="col-xs-12 col-md-3">
  <a id="room1" value="sa" href="#" class="thumbnail" style="visibility:hidden;">
    <img class="img-responsive" src="../backEnd/res/img/login/roomActive.png" style="width:100px;">
  </a>
</div>

Answer 1

如果您只需要显示缩略图（并且您不关心响应），请添加beforeSend回调，如下所示：

$('#tabExe').click(function(event){
    $.ajax({
        url:'backEnd/ROOMS.php',
        beforeSend: function() {
            $('#room1').css({ // this is just for style        
                "visibility" : "visible",
            }); 
        },
        success:function(result){

        }
    });
});

这将在发出ajax请求之前调用。仅在请求完成时调用success和error。

这是一个小提琴演示：

http://jsfiddle.net/jpattishalljr/rzr5mrL1/

修改如果您需要缩略图显示响应何时返回，那么您将需要查看ajax响应并查看未调用success的原因。一种测试方法是添加complete，如下所示：

$('#tabExe').click(function(event){ $.ajax({ url:'backEnd/ROOMS.php', beforeSend: function() { $('#room1').css({ // this is just for style "visibility" : "visible", }); }, success:function(result){ }, complete: function(results) { alert(results.status); } }); });

http://jsfiddle.net/jpattishalljr/rzr5mrL1/1/

应该提醒（404）
祝你好运。

有人可以用我的ajax代码帮助我吗？

1 个答案: