Ejemplo de uso de combinación ASP+AJAX(Jquery)
El editor de Downcodes de hoy le ofrece un ejemplo muy simple del uso de ASP+AJAX (Jquery), que es especialmente adecuado para que los principiantes aprendan y utilicen.
Código de muestra
Los siguientes ejemplos muestran cuatro métodos de solicitud AJAX comúnmente utilizados, a saber:
1.$.ajax()
2. $.publicar()
3. $.obtener()
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. $.publicar()
`html
$(document).ready(function(){
$("#btn2").click(function(){
$.post("ajax.asp", {name: "Downcodes", city: "北京"}, function(result){
$("#div2").html(result);
});
});
});
`
3. $.obtener()
`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);
});
});
});
`
Ejemplo de código ASP (ajax.asp)
`áspid
<%
Response.ContentType = "texto/html; conjunto de caracteres=utf-8"
Nombre oscuro, ciudad
nombre = Solicitud.Form("nombre")
ciudad = Solicitud.Form("ciudad")
' Salida de datos en formato JSON
Response.Write("{""nombre"": """ & nombre & """, ""ciudad"": """ & ciudad & """}")
%>
`
ilustrar
El archivo ajax.asp en el código anterior debe colocarse en el mismo directorio que el archivo HTML.
La función $.ajax() es el núcleo de las solicitudes AJAX y puede personalizar varios parámetros de solicitud.
Las funciones $.post() y $.get() son formas simplificadas de solicitudes AJAX, correspondientes a solicitudes POST y GET respectivamente.
La función $.getJSON() se utiliza para obtener datos en formato JSON.
En el ejemplo de código ASP, Request.Form se utiliza para obtener los parámetros pasados por la solicitud AJAX.
A través de este ejemplo, debería poder comprender cómo usar ASP con AJAX (Jquery) y usar diferentes métodos de solicitud de AJAX para lograr la interacción de datos.
Resumir
El uso combinado de ASP+AJAX (Jquery) puede hacer que el sitio web sea más dinámico y brindar a los usuarios una mejor experiencia interactiva. Espero que este ejemplo pueda ayudarle a comprender y utilizar mejor ASP+AJAX (Jquery).