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 메서드를 예로 사용했습니다.
코드는 다음과 같습니다. >
{
루트:
[
{이름:'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)
}
});