>웹 프론트엔드 >JS 튜토리얼 >jQuery가 Json 문자열을 구문 분석하는 방법(Json 형식/Json 객체)_jquery

jQuery가 Json 문자열을 구문 분석하는 방법(Json 형식/Json 객체)_jquery

WBOY
WBOY원래의
2016-05-16 17:26:061170검색

Json 데이터는 실시간으로 자주 사용되는 소규모 데이터 교환으로 jquery나 js를 사용하여 파싱할 수 있습니다. 다음으로 json 문자열을 파싱하는 jquery 방법을 소개하겠습니다.
1. jQuery는 Json 데이터 형식을 구문 분석합니다.
이 방법을 사용하면 Ajax 요청에서 매개변수를 설정해야 합니다.
1 dataType: "json"
콜백 함수를 통해 가져옵니다. 데이터를 반환하고 구문 분석하여 원하는 값을 얻습니다. 소스 코드 보기:

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

jQuery.ajax({
url: full_url,
dataType: "json",
success: function(results) {
alert(result.name) ;
} }) ;

일반적으로 백그라운드에서 JSON 데이터를 반환하고 프론트엔드를 jQuery에 맡길 수 있습니다. 하하! !
Jquery 비동기 요청은 유형(일반적으로 이 구성 속성)을 "json"으로 설정하거나 $.getJSON() 메서드를 사용하여 서버 반환을 얻으므로
eval() 메서드가 필요하지 않습니다. 이번에는 결과가 이미 json 개체입니다. 여기서는 $.getJSON 메서드를 예로 사용했습니다.
코드는 다음과 같습니다. >


코드 복사 코드는 다음과 같습니다. var data="
{
루트:
[
{이름:'1',값:'0'},
{이름:'6101',값:'베이징'},
{이름:'6102', 값:'천진'},
{이름:'6103',값:'상하이시'},
{이름:'6104',값:'충칭시'},
{이름:' 6105',value:'Weinan City' },
{name:'6106',value:'Yan'an City'},
{name:'6107',value:'Hanzhong City'},
{이름:'6108',값: '위린시'},
{이름:'6109',값:'안강시'},
{이름:'6110',값:'상뤄시 '}
]
}" ;


jquery


코드 복사 코드 $ .getJSON("http://sanic.cnblogs.com/",{param:"sanic"},function(data){
//데이터는 다음과 같습니다. 여기에 반환된 것은 이미 json 객체입니다
//아래 기타 작업은 첫 번째 경우와 동일합니다
$.each(data.root,function(idx,item){
if(idx==0 ){
return true;//countinue와 동일, break와 동일하게 false 반환
}
alert("name:" item.name ",value:" item.value); );
});



2. jQuery는 Json 객체를 구문 분석합니다.
jQuery는 표준 JSON 문자열이 필요하고 생성된 JavaScript 객체.
을 살펴보고 구문을 살펴보겠습니다. data = $.parseJSON(string); 실제 개발에서 어떻게 사용되는지 살펴보겠습니다.




코드 복사
코드는 다음과 같습니다. jQuery.ajax({ url: dataURL, Success: function(results) {
var parsedJson = jQuery.parseJSON(결과);
alert(parsedJson.name)
}
});
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.