Exemplo de uso de combinação ASP+AJAX(Jquery)
O editor de Downcodes hoje traz para você um exemplo bem simples de uso de ASP+AJAX (Jquery), que é especialmente indicado para iniciantes aprenderem e usarem.
Código de exemplo
Os exemplos a seguir mostram quatro métodos de solicitação AJAX comumente usados, a saber:
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);
});
});
});
`
Exemplo de código ASP (ajax.asp)
`asp
<%
Response.ContentType = "text/html; charset=utf-8"
Nome obscuro, cidade
nome = Request.Form("nome")
cidade = Request.Form("cidade")
'Saída de dados no formato JSON
Response.Write("{""nome"": """ & nome & """, ""cidade"": """ & cidade & """}")
%>
`
ilustrar
O arquivo ajax.asp no código acima precisa ser colocado no mesmo diretório que o arquivo HTML.
A função $.ajax() é o núcleo das solicitações AJAX e pode personalizar vários parâmetros de solicitação.
As funções $.post() e $.get() são formas simplificadas de solicitações AJAX, correspondendo às solicitações POST e GET respectivamente.
A função $.getJSON() é usada para obter dados no formato JSON.
No exemplo de código ASP, Request.Form é usado para obter os parâmetros passados pela solicitação AJAX.
Por meio deste exemplo, você será capaz de entender como usar ASP com AJAX (Jquery) e usar diferentes métodos de solicitação AJAX para obter interação de dados.
Resumir
O uso combinado de ASP+AJAX (Jquery) pode tornar o site mais dinâmico e proporcionar aos usuários uma melhor experiência interativa. Espero que este exemplo possa ajudá-lo a entender e usar melhor ASP+AJAX (Jquery).