>  기사  >  웹 프론트엔드  >  js/jquery 파싱 json 방법에 대한 자세한 설명

js/jquery 파싱 json 방법에 대한 자세한 설명

php中世界最好的语言
php中世界最好的语言원래의
2018-04-24 11:37:541799검색

이번에는 js/jquery json 파싱 방법에 대해 자세히 설명하겠습니다. js/jquery json 파싱의 주의 사항은 무엇인가요?

파싱하기 전에 몇 가지 개념을 명확히 해야 합니다. 배열, 연관 배열 및 json 간의 차이점과 접점은 무엇입니까?

1. 개념 소개1. Array

구문:
ECMAScript v3에서는 배열 리터럴의 구문을 지정하며, JavaScript 1.2 및 JScript 3.0에서 이를 구현합니다. 쉼표로 구분된 표현식 목록을 대괄호 안에 넣어 배열을 만들고 초기화할 수 있습니다. 이 표현식의 값은 배열 요소가 됩니다. 예:

var a = [1, true, 'abc'];

특정 작업에 대한 API를 참조하세요.

ps: 대괄호로 구분해야 합니다.

2. 연관 배열

1. 구문:

var myhash= {”key1″:”val1″, “key2″:”val2″ };//obj

2.var

myhash= {key1:”val1″, key2:”val2″ };//obj-也可以

ps: json 형식 요구 사항이 더 엄격합니다(내부의 키-값 쌍은 큰따옴표 사용) , 그러나 json은 형식 표준으로만 사용할 수 있습니다. 이에 대해 작업하려면 연관 배열 개체(obj)로 변환해야 합니다.

2. 해시 연관 배열에 키 값 추가

// 添加一个新键 newkey ,键值为 newval
myhash[”newkey”] = “newval”;
2. 해시 연관 배열 트래버스

// 删除一个键 newkey ,同时,该键值对应的 newval 也就消失了
delete myhash[”newkey”];
4에서 기존 키 값 삭제. .myhash.key1

방법 2.myhash.key2

3.json

형식 요구 사항:

{”key1″:”val1″, “key2″:”val2″};//이 형식과 작업을 엄격히 따르십시오. 연관 배열의 작동에 따라

2. 프런트엔드와 백엔드 상호 작용의 몇 가지 핵심 사항

1. 서버에서 전송한 데이터가 하나의 json이 아니라 여러 json인 경우 배열과 백엔드

문자를 조합하려면 연관 배열을 연결해야 합니다. String예: var objs = [{ id: 1, name: 'n_1' }, { id: 2, name: 'n_2'}];2 처음부터. 결국 서버가 클라이언트에게 전달하는 데이터는 문자열뿐이므로 js에서 필요한 작업을 수행하기 위해서는 eval()을 통해 js 실행 가능 개체로 변환할 수 있습니다. 따라서 jQuey에서 제공하는 $.parseJSON()에는 한계가 있습니다. 위의 1에서 언급한 상황이라면 eval()을 사용하여 변환한 후 $.each(objs,function(i,o ){를 전달해야 합니다. ...}) 작동

3. 구체적인 예제 코드

페이지 코드:

// 遍历整个hash 数组 
for (key in myhash) {
val = myhash[key];
}
@Override
 protected void service(HttpServletRequest req, HttpServletResponse reps)
   throws Servlet
Exception
, IOException {
  Map<String, Object> jsonMap=new HashMap<String, Object>();
  jsonMap.put("name", "techbirds");
  jsonMap.put("age", 23);
  jsonMap.put("sex", "male");
  reps.getWriter().print(JSONObject.fromObject(jsonMap).toString());
  reps.getWriter().flush();
  reps.getWriter().close();
 }
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 다른 관련 항목에 주의하세요. PHP 중국어 웹사이트의 기사! 추천 도서:

jQuery 애니메이션 효과 이미지 캐러셀 구현(코드 포함)

jquery 드래그 앤 드롭 효과 구현 방법

위 내용은 js/jquery 파싱 json 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.