Exemple d'utilisation de la combinaison ASP+AJAX(Jquery)
L'éditeur de Downcodes vous propose aujourd'hui un exemple très simple d'utilisation d'ASP+AJAX (Jquery), particulièrement adapté aux débutants pour apprendre et utiliser.
Exemple de code
Les exemples suivants montrent quatre méthodes de requête AJAX couramment utilisées, à savoir :
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);
});
});
});
`
Exemple de code ASP (ajax.asp)
`asp
<%
Response.ContentType = "text/html; charset=utf-8"
Dim nom, ville
nom = Requête.Form("nom")
ville = Request.Form("ville")
' Sortie des données au format JSON
Response.Write("{""name"": """ & nom & """, ""city"": """ & ville & """}")
%>
`
illustrer
Le fichier ajax.asp dans le code ci-dessus doit être placé dans le même répertoire que le fichier HTML.
La fonction $.ajax() est au cœur des requêtes AJAX et peut personnaliser divers paramètres de requête.
Les fonctions $.post() et $.get() sont des méthodes simplifiées de requêtes AJAX, correspondant respectivement aux requêtes POST et GET.
La fonction $.getJSON() permet d'obtenir des données au format JSON.
Dans l'exemple de code ASP, Request.Form est utilisé pour obtenir les paramètres transmis par la requête AJAX.
Grâce à cet exemple, vous devriez être capable de comprendre comment utiliser ASP avec AJAX (Jquery) et utiliser différentes méthodes de requête AJAX pour réaliser une interaction avec les données.
Résumer
L'utilisation combinée d'ASP+AJAX (Jquery) peut rendre le site Web plus dynamique et offrir aux utilisateurs une meilleure expérience interactive. J'espère que cet exemple pourra vous aider à mieux comprendre et utiliser ASP+AJAX (Jquery).