asp.net_jquery의 Jquery에서 getJSON을 사용하기 위한 지침

준비작업
·고객 클래스

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

공용 클래스 고객
{
공용 문자열 CustomerName { get; set }
공용 문자열 기타 { 설정 }
}

(1) ashx

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

고객 고객 = 신규 고객

{ Unid=1,CustomerName="Song Jiang",Memo="Tian Kuixing",Other= "블랙 사부로"}; string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(customer);
context.Response.Write(strJson)

코드 복사

코드는 다음과 같습니다. function GetCustomer_Ashx() { $.getJSON( "webdata/ Json_1.ashx",

function( data) {

var tt = "";
$.each(data, function(k, v) {
tt = k "：" v "< ;br/>";
})
$("#divmessage").html(tt);
});
}


·요청 데이터 Ashx에서 getJSON을 통해. 반환된 데이터는 JSON 개체입니다.
(2) ashx 파일이지만 엔터티 컬렉션을 반환합니다.

코드 복사

코드는 다음과 같습니다. 고객 고객 = 신규 고객 { Unid=1,CustomerName="Song Jiang",Memo="Tian Kuixing",Other="Black Saburo"} 고객 고객2 = 신규 고객

{ Unid = 2, CustomerName = "Wu Yong", Memo = "Tianjixing", Other = "Zhiduoxing" }

List _list = new List(); 고객) ;
_list.Add(customer2);
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(_list)
context.Response.Write(strJson)






코드 복사

코드는 다음과 같습니다.

function GetCustomerList() { $.getJSON( "webdata/Json_1.ashx", function(data) { var tt = ""; $.each(data, function(k, v) {

$ .each(v,function(kk, vv) {

tt = kk "：" vv "
";
})
$("# divmessage").html(tt);
})
}


(3) aspx 파일
·cs 파일 요청




코드 복사

코드는 다음과 같습니다.

protected void Page_Load(object sender, EventArgs e) { 고객 고객 = 신규 고객 { Unid = 1, CustomerName = "Song Jiang", Memo = "Tian Kuixing", Other = "Hei Sanlang" } string strJson = Newtonsoft.Json.JsonConvert. SerializeObject(고객); 응답 .Write(strJson) }

·Aspx 파일
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Json_1 .aspx.cs"
Inherits="webdata_Json_1" %>

페이지 선언만 프런트 엔드 파일에 유지되고 나머지는 모두 삭제됩니다.

·js 파일





코드 복사


코드는 다음과 같습니다.

function GetCustomer_Aspx() { $.getJSON( "webdata/Json_1.aspx", function(data) { var tt = ""; $.each( 데이터, 함수(k, v) { tt = k "：" v "
"

})

$("#divmessage").html(tt); 🎜>} );
}


이 부분은 ashx 파일을 요청할 때와 동일합니다.
엔티티 컬렉션 요청 시 ashx와 동일하므로 여기서는 반복이 없습니다.
(4) 요청 텍스트 파일
텍스트 파일은 json 문자열을 제공하며 $.getJSON을 통해 json 객체를 얻습니다.
·텍스트 파일
{Unid:1,CustomerName:"Song Jiang",Memo:"Tian Kuixing",Other:"Black Saburo"}
텍스트 파일은 json 구성을 위해 json 문자열을 제공합니다. 형식에 대해서는 다른 문서를 참조하세요. 이 엔터티 json의 경우 빈 줄과 공백은 무시됩니다.

코드 복사


코드는 다음과 같습니다.

function GetCustomer_txt() {
$.getJSON(
"webdata/Json_1.txt",
function(data) {
var tt = "";
$ .each(data, function(k, v) {
tt = k "：" v "
";
})
$("#divmessage").html(tt );
});
}

파싱 방법은 다른 것과 동일합니다.

다음과 같이 여러 줄의 경우:
텍스트:

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

[
{Unid:1,CustomerName:"Song Jiang",Memo:"Tiankuixing",Other:"Hei Sanlang"},
{Unid:2,CustomerName:" Wu Yong", 메모:"Tianjixing",기타:"Zhiduoxing"}
]

분석:

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

function GetCustomer_TxtList() {
$.getJSON(
"webdata/Json_1.txt",
function(data) {
var tt = "";
$.each(data, function(k, v) {
$.each(v, function(kk, vv) {
tt = kk ":" vv "
";
})
})
$("#divmessage").html(tt));
}

다른 사람들과 같습니다.
(5) 매개변수를 사용한 Ajax 요청
고객 ID를 기반으로 고객을 요청하려면 ashx를 예로 들어 보겠습니다.
·Ashx 파일

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

if(context .Request[ "iUnid"]==null)
return;
context.Response.ContentType = "text/plain";
고객 고객 = 신규 고객
{ Unid = 1, CustomerName = " Song Jiang", 메모 = "Tiankuixing", Other = "Hei Sanlang" };
고객 고객2 = 신규 고객
{ Unid = 2, CustomerName = "Wu Yong", 메모 = "Tianjixing", 기타 = " Zhiduoxing" };
List _list = new List();
_list.Add(customer);
_list.Add(customer2);

int iCustomerId = Convert.ToInt32(context.Request["iUnid"]);
var cus = from q in _list
where q.Unid == iCustomerId
string strJson = Newtonsoft.Json. JsonConvert.SerializeObject(cus);


·ajax 요청

복사 code

코드는 다음과 같습니다. function GetCustomer_AshxWithPara() { $.getJSON( "webdata/Json_2.ashx",

{ iUnid: 1 },

function(data) {
var tt = "";
$.each(data, function(k, v) {
$.each(v, function (kk, vv) {
tt = kk "：" vv "
"
})
$("#divmessage").html( tt);
});
}


매개변수는 k/v 쌍 형식으로도 전송됩니다. 요청에 의해 반환된 내용을 볼 수 있습니다. 이는 서버 측에서 고객 목록 컬렉션으로 반환됩니다.

jquery 라이브러리에서는 getJSON이 실제로 호출됩니다. Query.get(url, data, callback, "json")
이는 매우 중요합니다.