Jquery Ajax 요청 코드(2)_jquery

참조 Dll 파일을 추가하기만 하면 사용할 수 있어 매우 편리합니다. /201101/tools/Newtonsoft.Json.Net20.rar
jquery 라이브러리에서 getJSON은 실제로 호출됩니다. Query.get(url, data, callback, "json")
여기서 매개변수 k/v 쌍 형식으로도 전송됩니다. 요청이 반환하는 내용을 볼 수 있습니다. 서버가 고객 목록 컬렉션을 반환합니다
이제 이벤트 순서를 살펴보겠습니다.
공통 클래스 부분

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

public class Customer
{
public int Unid { get; { get; set; }
공용 문자열 메모 { get; set; }
공용 문자열 기타 { get; set }


처리 파일(ashx)

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

고객 고객 = 신규 고객

{ Unid=1 ,CustomerName="Song Jiang",Memo="Tian Kuixing",Other="Hei Sanlang"};
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(고객); >context.Response.Write(strJson) ;
｝


프런트엔드 Jquery에서 호출하는 ashx 코드를 로드합니다.
getJSON을 통해 ashx에서 데이터를 요청합니다. 반환된 데이터는 JSON 개체입니다.

코드 복사 코드는 다음과 같습니다. $( ).ready( function() {

$.getJSON("JqueryData2.ashx", function(data) {

alert(data.Memo);
});
$.getJSON(" JqueryData2.ashx" , function(data) {
var tt = "";
$.each(data, function(k, v) {
tt = k "：" v "
";
})
$("#disHows").html(tt);
});
});


(2) ashx 파일이지만 반환은 엔터티 컬렉션입니다.

코드 복사 코드는 다음과 같습니다. Customer 고객 = 신규 고객

{ Unid=1,CustomerName="Song Jiang",Memo="Tian Kuixing",Other="Hei Sanlang"}

고객 customer2 = 신규 고객
{ Unid = 2, CustomerName = "우용", 메모 = "즈두오싱" }; List _list = new List()
_list.Add(customer); _list.Add(customer2);
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(_list);
context.Response.Write(strJson);
｝
function GetCustomerList() {
$.getJSON(
"JqueryData2.ashx",
function(data) {
var tt = "";
$.each(data, function(k, v) {
$.each(v,function (kk, vv) {
tt = kk "：" vv "
";
})
$(" #divmessage").html( tt);
});
}
[code]
(3) aspx 파일에서 CS 요청
[code]
protected void Page_Load( 개체 발신자, EventArgs e)
{
고객 고객 = 신규 고객
{ Unid = 1, CustomerName = "Song Jiang", Memo = "Tiankuixing", Other = "Black Saburo" }; string strJson = Newtonsoft.Json .JsonConvert.SerializeObject(customer);
Response.Write(strJson)
}


·Aspx 파일
Inherits="webdata_Json_1" %>
아이디어: 페이지 문만 프런트 엔드 파일에 유지하고 나머지는 모두 삭제하세요
Jquery 코드

코드 복사


코드는 다음과 같습니다.

function GetCustomer_Aspx() { $.getJSON( "webdata/Json_1.aspx", function(data) { var tt = "";

$.each(data, function(k, v) {

tt = k "：" v "
"
})
$("#divmessage").html(tt)
}); }


(4) 텍스트 파일 요청
텍스트 파일은 json 문자열을 제공하며, json 객체는 $.getJSON
·텍스트 파일
에서 얻습니다.{Unid: 1 , CustomerName: "Song Jiang", Memo: "Tian Kuixing", Other: "Hei Sanlang"}
텍스트 파일은 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)
}); 🎜>

파싱 방법은 ashx와 동일합니다.
Txt 파일의 여러 줄 형식은 다음과 같습니다.
텍스트 내용:
[
{Unid:1,CustomerName:" Song Jiang",Memo:"Tiankuixing",Other:"Herosaburo"},
{Unid:2,CustomerName:"Wu Yong",Memo:"Tianjixing",Other:"Zhiduoxing"}
]

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

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

/201101/tools/Newtonsoft.Json.Net20.rar