Beispiel für die Verwendung einer ASP+AJAX(Jquery)-Kombination
Der Herausgeber von Downcodes präsentiert Ihnen heute ein sehr einfaches Beispiel für die Verwendung von ASP + AJAX (Jquery), das besonders für Anfänger zum Erlernen und Verwenden geeignet ist.
Beispielcode
Die folgenden Beispiele zeigen vier häufig verwendete AJAX-Anfragemethoden, nämlich:
1. $.ajax()
2. $.post()
3. $.get()
4. $.getJSON()
1. $.ajax()
`html
$(document).ready(function(){
$("#btn1").click(function(){
$.ajax({
url: "ajax.asp",
type: "POST",
data: {name: "Downcodes", city: "北京"},
success: function(result){
$("#div1").html(result);
}
});
});
});
`
2. $.post()
`html
$(document).ready(function(){
$("#btn2").click(function(){
$.post("ajax.asp", {name: "Downcodes", city: "北京"}, function(result){
$("#div2").html(result);
});
});
});
`
3. $.get()
`html
$(document).ready(function(){
$("#btn3").click(function(){
$.get("ajax.asp", {name: "Downcodes", city: "北京"}, function(result){
$("#div3").html(result);
});
});
});
`
4. $.getJSON()
`html
$(document).ready(function(){
$("#btn4").click(function(){
$.getJSON("ajax.asp", {name: "Downcodes", city: "北京"}, function(result){
$("#div4").html("姓名:" + result.name + "
城市:" + result.city);
});
});
});
`
ASP-Codebeispiel (ajax.asp)
`asp
<%
Response.ContentType = "text/html; charset=utf-8"
Schwacher Name, Stadt
name = Request.Form("name")
city = Request.Form("city")
' Daten im JSON-Format ausgeben
Response.Write("{""name"": """ & name & """, ""city": """ & city & ""}")
%>
`
veranschaulichen
Die Datei ajax.asp im obigen Code muss im selben Verzeichnis wie die HTML-Datei abgelegt werden.
Die Funktion $.ajax() ist der Kern von AJAX-Anfragen und kann verschiedene Anfrageparameter anpassen.
Die Funktionen $.post() und $.get() sind vereinfachte Methoden für AJAX-Anfragen, die jeweils POST- und GET-Anfragen entsprechen.
Die Funktion $.getJSON() wird verwendet, um Daten im JSON-Format abzurufen.
Im ASP-Codebeispiel wird Request.Form verwendet, um die von der AJAX-Anfrage übergebenen Parameter abzurufen.
Anhand dieses Beispiels sollten Sie verstehen, wie Sie ASP mit AJAX (Jquery) verwenden und verschiedene AJAX-Anforderungsmethoden verwenden, um eine Dateninteraktion zu erreichen.
Zusammenfassen
Der kombinierte Einsatz von ASP+AJAX (Jquery) kann die Website dynamischer machen und den Benutzern ein besseres interaktives Erlebnis bieten. Ich hoffe, dieses Beispiel kann Ihnen helfen, ASP+AJAX (Jquery) besser zu verstehen und zu verwenden.