XML 대체----JSON_json
개인적으로 PHP와 Javascript는 각각의 장점이 있다고 생각합니다. 이 두 가지가 완벽하게 결합된다면 많은 기적이 일어날 것입니다! 이런 글은 처음 써보는데 버그는 피할 수 없으니 정정해주세요~
요즘 AJAX 애플리케이션이 인기가 많은데, AJAX에서는 클라이언트 측 자바스크립트와 서버 측 동적 스크립트 간의 통신이 핵심입니다. 전송되는 정보가 비교적 간단한 경우에는 일반적으로 문자열을 직접 사용합니다. 정보 구조가 더 복잡한 경우에는 XML 문서를 사용하는 것이 일반적입니다. XML 문서는 널리 사용되지만 PHP로 생성하고 Javascript로 처리하는 것은 쉽지 않습니다. 여기서는 XML 문서보다 더 단순화된 대안인 JSON을 추천합니다!
먼저 Javascript의 기본을 이해해 봅시다.
1. 배열을 생성하려면 JS에 내장된 Array 클래스를 사용하여 초기화하거나 JSON 기호 "[]"를 사용할 수 있습니다. 다음 두 가지 방식으로 생성된 arr1과 arr2의 본질은 동일합니다.
var arr1 = new Array()
arr1[0] = "apple"
arr1[1] = "google";
arr1[2] = "longbill";
var arr2 = ["apple","google","longbill"]
배열의 인덱스는 또한 arr1["name"] = "longbill"과 같은 문자열일 수도 있습니다. 이때 배열은 객체와 동일합니다. . .
2. 객체를 생성하려면 JS 내장 클래스 Object를 사용하여 초기화하거나 JSON 기호 "{}"를 사용할 수 있습니다. 다음 두 가지 방식으로 생성된 obj1과 ob2의 본질도 같습니다.
var obj1 = new Object()
obj1.name = "longbill"
obj1; age = 18;
var obj2 = { name:"longbill",age:18 }
여기서 "{"와 "}" 사이의 공백은 "key" 형식으로 작성해야 합니다. :value", 다른 "key:value"는 ","로 구분해야 합니다. "Key"에는 공백과 같은 특수 문자도 포함될 수 있습니다. 이 경우 "phone number":123456
실제로 JS에서는 배열의 본질이 ""(따옴표)입니다. 객체이고 객체 자체도 배열입니다. 따라서 obj1.name과 obj1["name"]은 동일한 참조입니다.
JSON 기호를 중첩하여 복잡한 S 객체를 정의할 수도 있습니다.
var people = [
{
name: "longbill",
age: 18
},
{
이름:"neal",
나이:19
},
{
이름:"glocklee",
나이:17
}
];
//이것을 이해하셔야 합니다~~
대부분의 XML 문서는 JSON으로 표현할 수 있습니다:
JSON을 사용하는 경우 다음과 같이 표현할 수 있습니다.
{
root:
[
{
이름:"Ju love",
가격:"$15"
},
{
이름:"Javascript",
가격:" $25"
}
]}
훨씬 간단해졌나요?
그리고 클라이언트측 JS도 처리가 매우 간단합니다. JSON 정보를 추출하려면 문자열 함수 "eval"만 사용하면 됩니다. 표준 DOM이 많이 필요하지 않습니다. 작업에서 데이터를 추출합니다. 예:
//AJAX를 사용하여 서버에서 JSON 파일(문자열)을 다운로드하고 json
eval("var myvar = " json); //이런 방식으로 JSON의 정보는 myvar 변수에 표현됩니다.
단점: JSON 형식이 올바르지 않으면 서버 측 JS 시스템 오류가 발생하거나 충돌이 발생할 수도 있습니다.
해결책:
eval 전에 try(테스트 실행)를 사용하는 것이 가장 좋습니다. 예:
//AJAX를 사용하여 서버에서 JSON 파일(문자열)을 다운로드한 후 저장 it json 변수에서
try {
eval("var myvar = " json)
} catch(e) { Alert('json 구문 오류!') }
//In 그런데 JSON 형식이 잘못된 경우에도 스크립트 오류 대신 프롬프트 상자만 나타납니다!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











기사는 JavaScript 라이브러리 작성, 게시 및 유지 관리, 계획, 개발, 테스트, 문서 및 홍보 전략에 중점을 둡니다.

이 기사는 브라우저에서 JavaScript 성능을 최적화하기위한 전략에 대해 설명하고 실행 시간을 줄이고 페이지로드 속도에 미치는 영향을 최소화하는 데 중점을 둡니다.

프론트 엔드 개발시 프론트 엔드 열지대 티켓 인쇄를위한 자주 묻는 질문과 솔루션, 티켓 인쇄는 일반적인 요구 사항입니다. 그러나 많은 개발자들이 구현하고 있습니다 ...

이 기사는 브라우저 개발자 도구를 사용하여 효과적인 JavaScript 디버깅, 중단 점 설정, 콘솔 사용 및 성능 분석에 중점을 둡니다.

기술 및 산업 요구에 따라 Python 및 JavaScript 개발자에 대한 절대 급여는 없습니다. 1. 파이썬은 데이터 과학 및 기계 학습에서 더 많은 비용을 지불 할 수 있습니다. 2. JavaScript는 프론트 엔드 및 풀 스택 개발에 큰 수요가 있으며 급여도 상당합니다. 3. 영향 요인에는 경험, 지리적 위치, 회사 규모 및 특정 기술이 포함됩니다.

이 기사는 소스 맵을 사용하여 원래 코드에 다시 매핑하여 미니어링 된 JavaScript를 디버그하는 방법을 설명합니다. 소스 맵 활성화, 브레이크 포인트 설정 및 Chrome Devtools 및 Webpack과 같은 도구 사용에 대해 설명합니다.

동일한 ID로 배열 요소를 JavaScript의 하나의 객체로 병합하는 방법은 무엇입니까? 데이터를 처리 할 때 종종 동일한 ID를 가질 필요가 있습니다 ...

JavaScript는 현대 웹 개발의 초석이며 주요 기능에는 이벤트 중심 프로그래밍, 동적 컨텐츠 생성 및 비동기 프로그래밍이 포함됩니다. 1) 이벤트 중심 프로그래밍을 사용하면 사용자 작업에 따라 웹 페이지가 동적으로 변경 될 수 있습니다. 2) 동적 컨텐츠 생성을 사용하면 조건에 따라 페이지 컨텐츠를 조정할 수 있습니다. 3) 비동기 프로그래밍은 사용자 인터페이스가 차단되지 않도록합니다. JavaScript는 웹 상호 작용, 단일 페이지 응용 프로그램 및 서버 측 개발에 널리 사용되며 사용자 경험 및 크로스 플랫폼 개발의 유연성을 크게 향상시킵니다.
