JQuery/Ajax返回成功消息并显示保存的指示器

这是我第一次尝试使用JQuery/Ajax。 我有一个RadDatePicker，在选择日期时，日期保存在DB中，用户应该会收到一条消息，说明日期已保存。RadDatePicker在其事件OnDateSelected上调用函数，如下所示（C#）：

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');
 }

---

您只需要将Display:none属性设置为要在成功回调时显示的元素

success: function (data) {
               $("#myElem").show();
               setTimeout(function() { $("#myElem").hide(); }, 5000);
        }

HTML

<p id="myElem" style="display:none">Saved</p>

success: function (data) {
               $("#myElem").show();
               setTimeout(function() { $("#myElem").hide(); }, 5000);
        }