JQuery/Ajax 返回 Success 消息并显示 Saved 指示器答案

【问题标题】：JQuery/Ajax return Success message and display Saved indicatorJQuery/Ajax 返回 Success 消息并显示 Saved 指示器
【发布时间】：2014-09-25 02:06:36
【问题描述】：

这是我第一次尝试使用 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 控件附近显示一条文本消息，上面写着“已保存”并在几秒钟内消失。我不确定如何解释此成功消息并显示文本。请帮帮我。

【问题讨论】：

标签： jquery ajax web-services telerik raddatepicker

【解决方案1】：

试试这个代码，

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

【讨论】：

【解决方案2】：

您只需将 Display:none 属性设置为要在 Success Callback 上显示的元素

HTML

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

成功回调

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

【讨论】：