我怎樣才能AJAX

Question

期間執行jQuery函數我使用jQuery的AJAX張貼我的頁面上的表單。我想在AJAX執行時隱藏div，並在AJAX成功時再次顯示。

我怎樣才能做到這一點？這裏檢查我的代碼：

$(document).ready(function(){ 
$("form#microblogpost").submit(function() { 
// we want to store the values from the form input box, then send via ajax below 
var postmessage = $('#message1').attr('value'); 
var from_user = $('#from_user').attr('value'); 
var from_username = $('#from_username').attr('value'); 
$.ajax({ 
type: "POST", 
url: "process.php", 
data: "postmessage="+ postmessage +"& from_user="+ from_user +"& from_username="+ from_username, 
success: function(){ 

} 
}); 
return false; 
}); 
}); 

Answer 1

隱藏在提交開始時，如果成功顯示。

$(document).ready(function(){ 
    $("form#microblogpost").submit(function() { 
     $("#yourDivId").hide(); 
     // we want to store the values from the form input box, then send via ajax below 
     var postmessage = $('#message1').attr('value'); 
     var from_user = $('#from_user').attr('value'); 
     var from_username = $('#from_username').attr('value'); 
     $.ajax({ 
      type: "POST", 
      url: "process.php", 
      data: "postmessage="+ postmessage +"& from_user="+ from_user +"&from_username="+ from_username, 
      success: function(){ 
       $("#yourDivId").show(); 
      } 
     }); 
     return false; 
    }); 
}); 

Answer 2

隱藏的元素，當你做了$.ajax()呼叫，並在success回調再次顯示它。爲了確保，添加error回調做同樣的事情，所以元素被顯示，如果請求失敗。

error: function(){ 
    ... code to show the element 
}