在ajax提交(或数据提交)jquery上显示消息
我的页面中有一个 jquery 脚本,如下所示;
$(function() {
$('.action_button').click(function() {
var $button = $(this);
$.ajax({
type: 'POST',
url: 'action.php',
data: 'id='+ $(this).attr('id'),
cache: false,
success: function(result) {
var $row = $button.closest('tr');
var $col = $row.find('.clickme2');
$row.fadeOut('fast', function() {
if (result == 'ACTIVATED') {
$("#msgbox3").fadeTo(200,0.1,function()
{
$(this).html('ACTIVATED').addClass('messageboxerror').fadeTo(900,1);
});
$button.text('Inactivate');
$col.text('Active');
} else if (result == 'INACTIVATED') {
$("#msgbox3").fadeTo(200,0.1,function()
{
$(this).html('INACTIVATED').addClass('messageboxerror').fadeTo(900,1);
});
$button.text('Activate');
$col.text('Inactive');
}
}).fadeIn();
}
});
return false;
});
});
这会在页面上的跨度 中显示消息“ACTIVATED”或“INACTIVATED”。但我想在同一个跨度内,在 ajax/数据提交时显示一条消息“正在处理”。我怎样才能做到这一点?
提前致谢..:)
Blaserafred
I have a jquery script in my page as below;
$(function() {
$('.action_button').click(function() {
var $button = $(this);
$.ajax({
type: 'POST',
url: 'action.php',
data: 'id='+ $(this).attr('id'),
cache: false,
success: function(result) {
var $row = $button.closest('tr');
var $col = $row.find('.clickme2');
$row.fadeOut('fast', function() {
if (result == 'ACTIVATED') {
$("#msgbox3").fadeTo(200,0.1,function()
{
$(this).html('ACTIVATED').addClass('messageboxerror').fadeTo(900,1);
});
$button.text('Inactivate');
$col.text('Active');
} else if (result == 'INACTIVATED') {
$("#msgbox3").fadeTo(200,0.1,function()
{
$(this).html('INACTIVATED').addClass('messageboxerror').fadeTo(900,1);
});
$button.text('Activate');
$col.text('Inactive');
}
}).fadeIn();
}
});
return false;
});
});
this displays a message "ACTIVATED" or "INACTIVATED" on page in a span <span id="msgbox3" style="display:none"></span>
. But i want to display a message "Processing" at the time of ajax / data submission, in that same span.. How can i make this possible??
Thanks in advance.. :)
blasteralfred
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
Ajax 调用是异步的。在之前或之后进行
The Ajax call is asynchronous. Do it before or after