Пример использования комбинации ASP+AJAX(Jquery)
Сегодня редактор Downcodes предлагает вам очень простой пример использования ASP+AJAX (Jquery), который особенно подходит для изучения и использования новичкам.
Пример кода
В следующих примерах показаны четыре часто используемых метода запроса AJAX, а именно:
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 (ajax.asp)
`аспид
<%
Response.ContentType = "text/html; charset=utf-8"
Тусклое имя, город
имя = Запрос.Форма("имя")
город = Запрос.Форма("город")
'Вывод данных в формате JSON
Response.Write("{""name"": """ & name & """, ""city"": """ & city & """}")
%>
`
иллюстрировать
Файл ajax.asp в приведенном выше коде необходимо поместить в тот же каталог, что и файл HTML.
Функция $.ajax() является основой запросов AJAX и может настраивать различные параметры запроса.
Функции $.post() и $.get() представляют собой упрощенные способы запросов AJAX, соответствующие запросам POST и GET соответственно.
Функция $.getJSON() используется для получения данных в формате JSON.
В примере кода ASP Request.Form используется для получения параметров, передаваемых запросом AJAX.
Благодаря этому примеру вы сможете понять, как использовать ASP с AJAX (Jquery) и использовать различные методы запросов AJAX для обеспечения взаимодействия данных.
Подвести итог
Совместное использование ASP+AJAX (Jquery) может сделать веб-сайт более динамичным и предоставить пользователям лучший интерактивный опыт. Я надеюсь, что этот пример поможет вам лучше понять и использовать ASP+AJAX (Jquery).