这是我第一次尝试使用 JQuery/Ajax。 我有一个 RadDatePicker,在选择日期时,日期将保存在数据库中,并且用户应该收到一条消息,表明日期已保存。 RadDatePicker 在其事件 OnDateSelected 上调用函数,如下所示 (C#):
radDatePicker.ClientEvents.OnDateSelected = "function(sender, args){SaveDate(sender,args," + PriceDealProposalId + ")}";
JavaScript 函数 SaveDate 成功调用 Web 服务来保存所选日期。
function SaveDate(sender, e, id) {
if (e.get_newDate() != null) {
$.ajax({
url: "/ajaxservice.asmx/SaveSignedDate",
data: "{priceDealProposalId:" + id + ",proposalDate: " + JSON.stringify(e.get_newDate()) + "}",
dataType: "json",
type: "POST",
contentType: "application/json;charset=utf-8",
success: function (data) {
alert("saved");
}
});
}
}
上面成功保存了值并发出警报消息。我想在这个 RadDatePicker 控件附近显示一条文本消息,而不是警报,其中显示“已保存”并在几秒钟后消失。我不确定如何解释此成功消息并显示文本。请帮助我。
最佳答案
试试这个代码,
使用 id='msg'
创建一个 div。
并使用这个成功函数。
success: function(data) {
$('#msg').html(data).fadeIn('slow');
//$('#msg').html("data insert successfully").fadeIn('slow') //also show a success message
$('#msg').delay(5000).fadeOut('slow');
}
关于JQuery/Ajax 返回成功消息并显示 Saved 指示器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25087527/