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"
희미한 이름, 도시
이름 = Request.Form("이름")
도시 = Request.Form("도시")
' JSON 형식 데이터 출력
Response.Write("{""name"": """ & 이름 & """, ""city"": """ & 도시 & """}")
%>
`
설명하다
위 코드의 ajax.asp 파일은 HTML 파일과 동일한 디렉터리에 배치되어야 합니다.
$.ajax() 함수는 AJAX 요청의 핵심이며 다양한 요청 매개변수를 사용자 정의할 수 있습니다.
$.post() 및 $.get() 함수는 각각 POST 및 GET 요청에 해당하는 AJAX 요청의 단순화된 방법입니다.
$.getJSON() 함수는 JSON 형식의 데이터를 얻는 데 사용됩니다.
ASP 코드 예제에서 Request.Form은 AJAX 요청에 의해 전달된 매개 변수를 얻는 데 사용됩니다.
이 예제를 통해 AJAX(Jquery)와 함께 ASP를 사용하는 방법과 다양한 AJAX 요청 방법을 사용하여 데이터 상호 작용을 달성하는 방법을 이해할 수 있어야 합니다.
요약
ASP+AJAX(Jquery)를 함께 사용하면 웹사이트를 더욱 동적으로 만들고 사용자에게 더 나은 대화형 경험을 제공할 수 있습니다. 이 예제가 ASP+AJAX(Jquery)를 더 잘 이해하고 사용하는 데 도움이 되기를 바랍니다.