Jquery asp.net 배경 데이터는 analyze_json을 위해 프런트 엔드 js로 전송됩니다.

WBOY
풀어 주다: 2016-05-16 16:48:53
원래의
1511명이 탐색했습니다.

그래서 배경 데이터를 파싱할 때 배경 데이터 상황에 따라 특별하게 처리하고 처리해야 합니다.

여기서 백그라운드로 사용하는 것은 asp.net에서 제공하는 wcf 서비스이고, ashx 일반 처리 프로그램도 있습니다. 일반적인 원칙은 거의 동일합니다.

C#에서 자주 사용하는 개체에는 일반적으로 목록을 반환하는 User와 같은 엔터티 개체가 포함됩니다.

객체나 목록 컬렉션에 중첩된 객체는 좀 더 복잡합니다. 하지만 차이는 없습니다. js가 데이터를 처리할지 여부를 결정하려면 데이터 크기를 살펴보세요.

아직 백그라운드에서 처리되며 최종 결과를 직접 반환합니다.

1. 엔터티 개체: 반환된 개체가 js의 개체인 경우 배경 코드 클래스의 개체 데이터와 직접적으로 동일합니다.

예를 들어 다음 코드는 객체를 가져옵니다. name 속성을 사용하여 직접 가져올 수 있습니다.

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

$.ajax({
type : "post ",
dataType: "json", traditional: true,
data: { oper: "edit", sid: id },
url: AjaxUrl,
success: 함수(데이터 , textStatus) {
if (data != null) {
if (data) {
$("#name").val(data.Name);
SetSelectOpertionValue를 얻습니다. ("selectRelation" ", data.Relation);
SetSelectOpertionValue("selectaddreason", data.Reason);
} else {
$("#btnAdd").attr("disabled", false) ; $(" #btnAdd").text("편집");
}
}
},
완료: 함수
(XMLHttpRequest, textStatus) {
} 🎜>오류: 함수
(e) {
$("#btnAdd").attr("disabled", false) $("#btnAdd").text("edit"); }
});


2. 반환된 데이터는 일부 개체를 포함하는 목록 컬렉션입니다. 이에 대한 다양한 적용 시나리오가 있습니다.

js에서는 해당 배열 배열입니다. 배열에는 반환하는 개체 엔터티가 포함되어 있습니다. 각 순회를 사용할 수 있습니다. 자세한 내용은 다음을 참조하세요.

[

Jquery 작업 js 배열 및 개체 예제

] 데모:

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

$.ajax({             유형: "post",
            dataType: "json", Traditional: true,
            데이터: { oper: "list", lc: ID,nm:$( "#searchname").val() },
            url:sAjaxUrl,
            성공: function (data, textStatus) {               if (data != null) {
                  if (data. 인스턴스==null &데이터 .Instance.length==0) {                        반환;
                  }
                  else {                         
                      var datalist = data.Instance;                      if (sort == 1) {                                                  기능( , b) {                                          
                                    반품(a.Id - b.Id);         >                datalist = datalist.sort(
                                   함수 (a, b) {                                        return (b. ID - a.Id);                                        }
                                  );
                        }
                var html = "";                                                                                                                          XMLHttpRequest, textStatus) { 🎜>




코드 복사


코드는 다음과 같습니다.


또는:





코드 복사


코드는 다음과 같습니다.

$.each(data.comments, function (i, 항목) {

                                                                                                      < /div>"

"

" item.content "

");

}); 3. 복잡하게 중첩된 경우에도 객체입니다. Node.js는 배경과 완전히 일치합니다. 그냥 통과하시면 됩니다. 요즘은 백그라운드부터 프런트까지 json을 주로 사용합니다. json은 js의 객체로 직접 파싱될 수 있습니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!