JQuery/Ajax zurück Erfolg Meldung und Anzeige Gespeichert-Anzeige

Dies ist mein Erster Versuch mit JQuery/Ajax.
Ich habe eine RadDatePicker, wo auf die Auswahl eines Datums, das Datum ist gespeichert in der DB und die user sollten eine Meldung erhalten, das Datum ist gespeichert. Die RadDatePicker ruft eine Funktion auf Ihrer Veranstaltung OnDateSelected wie folgt(C#):

  radDatePicker.ClientEvents.OnDateSelected = "function(sender, args){SaveDate(sender,args," + PriceDealProposalId + ")}";

Die javascript-Funktion SaveDate erfolgreich ruft einen webservice zu speichern, das Datum ausgewählt.

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

Den oben erfolgreich speichert den Wert und alerts eine Nachricht. Statt eine Warnung möchte ich Anzeige einer Textmeldung in der Nähe dieser RadDatePicker Steuerung, die sagt, "Gespeichert" auf und verschwindet in wenigen Sekunden. Ich bin mir nicht sicher, wie diese zu interpretieren Erfolgsmeldung und text. Bitte helfen Sie mir.

InformationsquelleAutor R B | 2014-08-01

  1. 4

    Versuchen, diesen code,

    Erstellen Sie ein div mit id='msg'.
    Und diesen Erfolg nutzen-Funktion.

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

    InformationsquelleAutor Adeel Gill

  2. 4

    Brauchen Sie nur legen Sie die Display:none-Attribut, um das element, das Sie wollen, um zu zeigen, Erfolgs-Callback

    HTML

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

    Erfolgs-Callback

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

    InformationsquelleAutor nmos

Schreibe einen Kommentar