Question

我正在使用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

在$.ajax()来电时隐藏该元素，并在success回调中再次显示该元素。为了确保，添加error回调执行相同的操作，以便在请求失败时显示元素。

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

Answer 2

在提交开始时隐藏，如果成功，则显示。

$(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;
    });
});

如何在AJAX期间执行Jquery功能

2 个答案: