asp.net Ajax einfaches Beispiel

Instanzanforderungen:

Verwenden Sie die Ajax-Technologie, um eine Seite ohne Aktualisierung zu implementieren und zu überprüfen, ob ein Benutzername registriert wurde.

Anforderungen:

Fügen Sie der Seite eine Textfeldbeschriftung zur Eingabe des Benutzernamens hinzu und fügen Sie eine Schaltfläche zum Übermitteln von Benutzerdaten hinzu. Die Ergebnisse der Verifizierung werden direkt auf der Seite ausgedruckt.

Die Schritte sind wie folgt:

1) Öffnen Sie Visual Studio 2005, um eine Website zu erstellen

2) Fügen Sie ein Steuerelement und ein Steuerelement in der HTML-Spalte der VS2005-Toolbox hinzu.

3) Fügen Sie das Tag zu hinzu, um die Ajax-Engine zu schreiben und im zu definieren basic Ein XMLHttpRequest-Objekt, aber nicht initialisiert. Wie im folgenden Code gezeigt.

var xmlhttp;

function Validation()

{

//Instanziiere das XMLHttpRequest-Objekt

xmlhttp =new ActiveXObject (" Microsoft.XMLHTTP");

                                                                                                                                                                              . Die Open-Methode überträgt die Daten im Textfeld auf die Zielseite

zur angegebenen URL „+name.value);

Anfrage

xmlhttp .send(null);

}

4) Fügen Sie den Inhalt der OnMessageBack()-Funktion hinzu. Der Code ist wie folgt:

Funktion onMessageBack ()

== 4 && xmlhttp .status == 200)

setext);

}

}

5) Fügen Sie unten den Ereigniscode für Button1 hinzu und ändern Sie die Bezeichnung in

6) Die Ajax-Engine auf der Seite wurde geschrieben. Im obigen Code können Sie sehen, dass der Benutzername über eine Abfragezeichenfolge mit dem Namen „name“ übergeben wird. Nachdem die Abfragezeichenfolge an den Server übergeben wurde, muss sie im Hintergrund verarbeitet werden ", um ADO.NET-Code zur Page_Load-Methode hinzuzufügen. Die Datenbank verwendet hier die Beispieldatenbank „Northwind“. Der Code wird unten angezeigt.

protected void Page_Load(object sender, EventArgs e)

{

string name = Request.QueryString["name"];

if (name ,                com.CommandText = "";

           com.Parameters.Add("@CustomerID",SqlDbType.NChar,5).Value =name; int count = (int)com.ExecuteScalar();

    con.Close();

if (count == 0)

{

Response.Write("<script>alert('Dieser Benutzer ist verfügbar!');</script>") ;

}

else

                                               alert('Dieser Benutzer ist bereits belegt, bitte verwenden Sie einen anderen Benutzernamen!');");

                                                                                                                          ()-Methode eine Antwort an den Client sendet, fängt die Ajax-Engine des Clients den Antwortstrom ab und verarbeitet ihn in der zuvor definierten Methode „OnMessageBack()“.