Javascript 에서 JSON 대상 만 들 기

저자: iamlaosong
프로그램 으로 웹 페이지 에서 데 이 터 를 잡 으 려 면 HTML 과 JavaScript 언어 를 익 혀 야 합 니 다. 여기 서 JSON 을 공부 할 때 만 나 는 루틴 이 있 습 니 다. 바로 Javascript 에서 JSON 대상 을 만 드 는 것 입 니 다. 그 내용 을 배우 고 파악 하기 위해 제 이해 에 따라 이 루틴 에 대해 설명 을 하고 제 가 쥐 고 있 는 지식 을 기록 하여 미래 에 정확 한 지 검증 할 수 있 도록 하 는 것 입 니 다.
프로그램 은 매우 간단 하 다. 세 부분 으로 나 뉜 다.
1. < h2 > 부분: 제목 을 큰 문자 로 표시 합 니 다.
2. 부분: 정보의 구 조 를 표시 하지만 내용 이 없고 내용 이 뒤에 추 가 됩 니 다.
3. < scrip > 부분: Javascript 프로그램 은 JSON 구조의 변수 JSONobject 를 먼저 정의 한 다음 에 변수 중의 내용 으로 부분 에 작성 하고 포 지 셔 닝 방식 은 그 중에서 정 의 된 id 를 통 해 상세 하 게 설명 합 니 다.
구문 document. getElement ById ("jname"). innerHTML = JSonobject. name 은 id 를 jname 으로 찾 는 요소 입 니 다. 그 내용 을 JSonobject. name 으로 바 꾸 는 것 입 니 다. 이 변수의 내용 은 Bill Gates 입 니 다. 즉,:
 을 Bill Gates 로 변경 하여 id 에서 태그 span 으로 지정 하고, InnerText 는 태그 요소 span 중간 부분의 텍스트 내용 (태그 요소 포함 하지 않 음) 을 표시 합 니 다.
우 리 는 프로그램 으로 웹 페이지 에서 데 이 터 를 잡 을 때 종종 표를 작성 해 야 한다. 또한 이런 방식 으로 웹 페이지 의 내용 을 수정 하고 마지막 으로 제출 하면 우리 가 필요 로 하 는 내용 을 얻 을 수 있다. 예 를 들 어 아래 문장 은 바로 메 일 번 호 를 작성 하고 조 회 를 제출 하 는 것 이다.
WebBrowser1.Document.GetElementById("mailNum").InnerText = “1126381490399” WebBrowser1.Document.Forms("mailTrackSnglForm").submit
아래 의 문법 으로 도 쓸 수 있다.
WebBrowser1.document.Forms("mailTrackSnglForm").All("mailNum").Value =“1126381490399”
예 를 들 어 사용자 이름과 비밀 번 호 를 입력 하고 제출 합 니 다.
WebBrowser1.Document.Forms(0).All("name").Value = "AHSD08" WebBrowser1.Document.Forms(0).All("password").Value = "ems2345" WebBrowser1.Document.Forms(0).submit
웹 페이지 의 요소 나 대상 포 지 셔 닝 에 대응 하여 id 이름 을 사용 할 수도 있 고 번호 도 사용 할 수 있 습 니 다. 예 를 들 어 상기 Forms (0).
다음은 위 에서 분석 한 루틴 코드 입 니 다.

<html>
<body>
<h2>  JavaScript     JSON   </h2>

<p>
Author: <span id="jauthor"></span><br />
Name: <span id="jname"></span><br />
Age: <span id="jage"></span><br />
Address: <span id="jstreet"></span><br />
Phone: <span id="jphone"></span><br />
</p>

<script type="text/javascript">
var JSONObject= {
"name":"Bill Gates",
"street":"Fifth Avenue New York 666",
"age":56,
"phone":"555 1234567"};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jage").innerHTML=JSONObject.age
document.getElementById("jstreet").innerHTML=JSONObject.street
document.getElementById("jphone").innerHTML=JSONObject.phone
document.getElementById("jauthor").innerHTML="iamlaosong"
</script>

</body>
</html>

실행 효 과 는 다음 과 같 습 니 다:
Javascript 에서 JSON 대상 만 들 기
Author: iamlaosong Name: Bill Gates Age: 56 Address: Fifth Avenue New York 666 Phone: 555 1234567

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

Javascript 에서 JSON 대상 만 들 기 - 루틴 분석

좋은 웹페이지 즐겨찾기