Может ли кто-нибудь помочь мне с моим кодом ajax?

Question

Я хотел изменить видимость миниатюры до видимого сразу после нажатия кнопки, что мне делать? пожалуйста, помогите мне в этом, потому что я не могу понять это сам, потому что я не так много знаю об аяксе и веб-программировании. Заранее спасибо.

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

<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/

EDIT: Если вам нужна миниатюра, чтобы показать, когда ответ возвращается, то вы хотите посмотреть в ответ 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)

удачи.