ASP.NET_jquery의 AJAX 호출 예제 코드

1 머리말
최근 ASP.NET에서 AJAX 호출을 했습니다. 클라이언트는 먼저 ASP.NET 서버 배경에서 페이지 템플릿을 가져온 다음 페이지 템플릿을 구현하기 위해 페이지가 초기화될 때 서버에서 관련 데이터를 가져옵니다. . 동적 디스플레이. 구체적인 구현은 다음과 같습니다.
1) 클라이언트가 ASP.NET 배경에 HTTP GET 요청을 보냅니다.
2) 배경이 HTML 템플릿을 클라이언트에 보내고 XML 문자열을 메모리에 저장합니다(동적 표시에 필요한 데이터 포함). 페이지 템플릿) )
3) 클라이언트가 페이지를 초기화할 때 AJAX 요청을 보내고 XML 문자열을 가져옵니다.
4) 얻은 XML 문자열을 사용하여 HTML 페이지 템플릿의 동적 표시를 달성하기 위해 HTML 템플릿을 사용자 정의합니다. .
2 여러 핵심 사항에 대한 소개 및 코드 예제
2.1 ASP.NET 서버 측
2.1.1 C#을 사용하여 XML 문자열 생성
이는 System.Xml 네임스페이스 아래의 여러 클래스를 사용하여 구현할 수 있습니다. 다음은 코드 샘플입니다.

코드 복사 코드는 다음과 같습니다.

ArrayList 단계 = new ArrayList() ;
String errordiscription = "위치에 없음";
for (int i = 0; i < 5; i )
{
steps.Add(new Step(@" Images/1.jpg", "step21 설명"));
}
XmlDocument doc = new XmlDocument();
XmlNode docNode = doc.CreateXmlDeclaration("1.0", "UTF-8", null );
doc.AppendChild(docNode);
//루트 추가
XmlNode rootNode = doc.CreateElement("Root")
doc.AppendChild(rootNode); 오류 설명 노드 추가
XmlNode errorNode = doc.CreateElement("ErrorDescription");
errorNode.AppendChild(doc.CreateTextNode(errordiscription))
rootNode.AppendChild(errorNode); 노드 단계 추가
XmlNode productsNode = doc.CreateElement("Steps")
rootNode.AppendChild(productsNode)
for (int i = 0; i < steps.Count; i )
{
XmlNode productNode = doc.CreateElement("step");
XmlAttribute productAttribute = doc.CreateAttribute("description")
productAttribute.Value = ((Step)steps[i]).description ;
productNode.Attributes.Append(productAttribute);
//productNode.Value = ((Step)steps[i]).imagePath
productNode.AppendChild(((Step)steps [i]) .imagePath));
productsNode.AppendChild(productNode);
}
Global.Repairsteps= doc.InnerXml;


생성된 XML은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

- <루트>
위치에 없음
<단계 설명="step21 설명">images/1.jpg< ;/step>
<단계 설명="단계21 설명">images/1.jpg
<단계 설명="단계21 설명"> Images/1.jpg
<단계 설명="step21 설명">images/1.jpg
< ;/Steps>


2.1.2 Ajax 요청에 응답하고 XML 스트림 반환
여기에 HTML 헤더를 추가하고

코드 복사

코드는 다음과 같습니다. Response.Clear(); Response.AddHeader("Content-Type", "text/xml")

Response.Write(Global.Repairsteps)

Response.End() ;


2.1.3 요청 간 다중 데이터 공유
여러 요청 간 데이터 공유를 구현하는 방법은 매우 간단하고 직관적입니다. 전역 개체를 사용하면 됩니다.

코드 복사

코드는 다음과 같습니다. public class Global {

// /

/// 중요한 내용을 저장하는 전역 변수

///

정적 문자열
///
// / 정적 중요 데이터를 가져오거나 설정합니다.
공개 정적 문자열 Repairsteps
{
get
{
return _repairsteps; >}
설정
{
_repairsteps = value;
}
}
}


2.2 클라이언트
2.2.1 AJAX XML 가져오기