그 동안 저 는 Ajax 학습 노트 를 배 웠 습 니 다.

쉽게 말 하면 Ajax 는 웹 페이지 의 브러시 없 는 기술 로 사용자 체험 을 향상 시 키 는 것 이다.Ajax 는 새로운 기술 이 아니 라 그 해 에 야 인기 가 많아 졌 다.물론 그 몇 년 동안 공 부 를 시 작 했 습 니 다.1.Ajax 요청 완료 1.이 요청 을 완료 하기 전에 Ajax 가 무엇 인지 알 아 보 세 요.이 보 의 자바 script 과 XML 이라는 이름 은 이름 에서 알 수 있 듯 이 자바 script 과 XML 과 떼 려 야 뗄 수 없 는 인연 이 있 습 니 다.Ajax 는 XML HTTP 요청 을 사용 하여 브 라 우 저 를 통 해 만들어 진 xmlHttpRequest 대상 을 서버 에 비동기 로 요청 하고 서버 처리 요청 을 한 후,응답 을 xmlHttp.responseText 속성 을 통 해 javascript 함수 에 데 이 터 를 되 돌려 주 고 javascript 처리 DOM 을 사용 하여 페이지 의 부분 업 데 이 트 를 완성 합 니 다.2.코드 예제,XML HttpRequest 를 사용 하여 요청 코드 완성:JS:

 
<script type="text/javascript"> 
//XMLHttpRequest   
var xmlHttp; 
function buildXMLHttpRequest() { 
//      
if (window.ActiveXObject) { 
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); //IE 
} else if (window.XMLHttpRequest) { 
xmlHttp = new XMLHttpRequest(); // IE 
} else { 
xmlHttp = NaN; 
} 
} 
function sendRequest() { 
buildXMLHttpRequest(); 
//Post   
xmlHttp.open("post", "Handler.ashx", true); 
xmlHttp.onreadystatechange = function() { 
//     
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { 
alert(xmlHttp.responseText); 
} 
} 
//       HTTP    
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); //        
xmlHttp.send("value=1"); 
} 
</script> 

Handler.ashx:

 
<%@ WebHandler Language="C#" Class="Handler" %> 
using System; 
using System.Web; 
public class Handler : IHttpHandler { 
public void ProcessRequest (HttpContext context) { 
context.Response.ContentType = "text/plain"; 
context.Response.Write("Hello World xin_ny     "+context.Request.Params["value"]); 
} 
public bool IsReusable { 
get { 
return false; 
} 
} 
} 

효과:
2.Jquery 의 Ajax 방법 은 그 해 를 기억 합 니 다.저 는 Jquery 에서 그의 Ajax 방법 을 말 하지 않 았 습 니 다.여기 서 보충 되 었 습 니 다.JQuery 는 많은 Ajax 함 수 를 제공 하여 개발 자의 사용 을 편리 하 게 했 습 니 다.개발 자가 XMLHttpRequest 대상 을 만들어 서 요청 을 완성 할 필요 가 없습니다.JQuery 라 이브 러 리 의 Ajax 함 수 를 직접 사용 하여 요청 을 완성 할 수 있 고 호환성 도 좋 습 니 다.다음은 Jquery 의 Ajax 를 살 펴 보 겠 습 니 다.1.Jquery 데이터 획득 방법:load()예:

 
function ajaxMethod() { 
$("#spanDiv").load("DemoData.txt"); 
} 

2,Jquery 의 get(url,[data],callback)방 법 예:

 
function ajaxGet() { 
//      
var obj = { first: "First", second: "Second" }; 
$.get( 
"CallBackData.ashx", obj, function(data) { 
$("#spanDiv").html(data); 
}); 
} 

3,Jquery 의 post(url,[data],callback,type)방 법 예:

 
function ajaxPost() { 
//      
var obj = { first: "First", second: "Second" }; 
$.get( 
"CallBackData.ashx", obj, function(data) { 
$("#spanDiv").text(decodeURI(data)); 
}); 
} 

4,Jquery 의 ajax(option)방법 예:

 
function ajaxAjax() { 
//      
var obj = { first: "First", second: "Second" }; 
$.ajax({ 
type: "Get", 
url: "CallBackData.ashx", 
data: obj, 
success: function(data) { 
$("#spanDiv").text(decodeURI(data)); 
} 
}); 
} 

5,Jquery 의 ajax Setup(options)방법,전체적인 ajax 설정 예:

 
function ajaxAjaxSetup() { 
//      
var obj = { first: "First", second: "Second" }; 
$.ajax({ 
type: "Post", 
url: "CallBackData.ashx", 
data: obj, 
success: function(data) { 
$("#spanDiv").text(decodeURI(data)); 
} 
}); 
} 

6,6Jquery 의 ajax Submit(options)방법 은 양식 을 제출 하여 그 해 에 Ajax 를 배 웠 고 사용자 체험 을 향상 시 켰 으 며 서버 의 부담 도 줄 였 습 니 다.이 글 은 그 해 에 Ajax 를 배 웠 던 날 들 을 회상 합 니 다.