JQUERY 작업 JSON 예제 code_jquery

1. jquery가 ajax를 사용하여 배경 asp.net 페이지에서 생성된 json 데이터를 호출하는 방법
2. jquery의 간단한 dom 작업
3. 이 jquery 개발 매뉴얼을 모든 사람에게 보냅니다(천천히 공부하시기 바랍니다)

준비 작업:
우선 새 웹사이트를 만듭니다(.net2.0이면 충분합니다).
1. 우리 프로젝트에서.
2. 새 htm 파일을 만들고 이름을 돔.htm으로 지정합니다.
코드는 다음과 같습니다. (머리 부분의 js 코드는 구현된 모든 코드이며 자세한 설명도 있습니다.)

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

>

3. 또 다른 일반 애플리케이션(jsonData.ashx)을 만들어 보겠습니다.

코드는 다음과 같습니다. :

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

using System;
using System.Web;
public class jsonData : IHttpHandler {
public void ProcessRequest(HttpContext 컨텍스트) {
context.Response .ContentType = "text/plain";
string data = "[{ name:"ants",age:24},{name:"lele",age:23}]";//구성된 json 데이터
//다음 두 문장은 프런트 데스크에서 이 페이지에 발행한 쿼리를 테스트하는 데 사용됩니다. Character
string querystrname = context.Request.QueryString.GetValues("name")[0];//Get the value of 쿼리 문자열의 이름
string querystage = context.Request.QueryString.GetValues("age" )[0];//쿼리 문자열의 age 값 가져오기
context.Response.Write(data);
}
public bool IsReusable {
get {
return false;
}
}
}


한 가지만 말씀드리겠습니다. 위 내용, 즉 첫 페이지의 $.getJSON 메소드

$.getJSON(url, params, callback)
HTTP GET을 사용하여 JavaScript JSON 데이터 요청
반환 값: XMLHttpRequest
매개변수:
url(문자열): 로드된 페이지의 URL 주소입니다.
params(Map): (선택 사항) 서버로 전송되는 키/값 쌍 매개변수입니다.
콜백(함수): (선택) 데이터 로딩이 완료되면 실행되는 함수입니다.
아래는 성공적인 작업 사진입니다.
1. 작업 결과


2, 배경 디버깅 데이터: