Javascript JSON 작업 항목 example_json-JS 튜토리얼-php.cn

Javascript JSON 작업 항목 example_json

WBOY

풀어 주다： 2016-05-16 18:29:12

원래의

1303명이 탐색했습니다.

JSON의 규칙은 간단합니다. 객체는 "이름/값" 쌍의 순서가 지정되지 않은 컬렉션입니다. 객체는 "{"(왼쪽 대괄호)로 시작하고 "}"(오른쪽 대괄호)로 끝납니다. 각 "이름" 뒤에는 ":"(콜론)이 옵니다. "이름/값" 쌍은 ","(쉼표)로 구분됩니다. 자세한 내용은 http://www.json.org/json-zh.html
이 글에 소개 글이 있습니다. JSON 학습 전체 매뉴얼도 참고하실 수 있습니다. 그래픽 포함
간단한 예:
js 코드

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

 
function showJSON() { 
var user = 
{ 
"username":"andy", 
"age":20, 
"info": { "tel": "123456", "cellphone": "98765"}, 
"address": 
[ 
{"city":"beijing","postcode" :"222333" }, 
{"city":"newyork","postcode":"555666"} 
] 
} 
alert(user.username) 
alert(user .age); 
alert(user.info.cellphone); 
alert(user.address[0].city) 
alert(user.address[0].postcode); 

 

사용자 이름, 나이, 정보, 주소 등과 같은 속성을 가진 사용자 개체를 나타냅니다.
JSON을 사용하여 간단히 데이터를 수정할 수도 있습니다. 위의 예시를 수정하세요
js 코드

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

function showJSON() { 
var user = 
{ 
"username":"andy", 
"age":20, 
 " info": { "tel": "123456", "cellphone": "98765"}, 
"address": 
[ 
{"city":"beijing","postcode":" 222333 "}, 
{"city":"newyork","postcode":"555666"} 
] 
} 
alert(user.username); 
alert(user.age ) ; 
alert(user.info.cellphone); 
alert(user.address[0].city) 
alert(user.address[0].postcode); = "Tom"; 
alert(user.username); 
} 

 
JSON은 json.js 패키지를 제공합니다. http://www.json.org/json .js 를 추가한 다음 object.toJSONString()을 사용하여 JSON 데이터로 변환하면 됩니다. 

js 코드

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

function showCar() {

var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow") 
alert(carr.toJSONString()) 
} 
function Car( make, 모델, 연도, 색상) { 
this.make = make; 
this.model = 모델; 
this.color = 색상 
} 🎜>
 
eval을 사용하여 JSON 문자를 객체 
js 코드 

코드 복사

로 변환할 수 있습니다. 코드는 다음과 같습니다: function myEval() { var str = '{ "name": "Violet", "occupation": "character" }'

var obj = eval('(' str ')');

alert(obj.toJSONString()); 
} 

 
또는
js 코드 사용

코드 복사

코드는 다음과 같습니다. function myEval() { var str = '{ "이름": "직업": "문자" }';

var obj = str.parseJSON()

alert(obj.toJSONString()) 

 
아래 프로토타입을 사용하여 JSON의 ajax 예제를 작성해 보세요. 
먼저 서블릿을 작성하고(제 것은 servlet.ajax.JSONTest1.java입니다) 문장을 작성합니다
java 코드
response.getWriter().print("{ "name": "Violet", " 직업 ": "문자" }"); 

페이지에 Ajax 요청 작성
js 코드

코드 복사

코드는 다음과 같습니다. function sendRequest() { var url = "/MyWebApp/JSONTest1"; var mailAjax = new Ajax.Request(

url,

{ 
메서드: 'get', 
onComplete: jsonResponse 
} 
) 
} 
function jsonResponse(originalRequest) { 
alert(originalRequest.responseText); 
var myobj = originalRequest.responseText.parseJSON(); 
alert(myobj.name); 
} 

 
JSON 메소드는 프로토타입-1.5.1.js에서 제공됩니다. String.evalJSON(), json.js를 사용하지 않고도 위 메서드를 수정할 수 있습니다. 

코드 복사

다음과 같습니다:

 
function jsonResponse(originalRequest) { 
alert(originalRequest.responseText); 
var myobj = originalRequest.responseText.evalJSON(true); 
alert(myobj.name); }

JSON은 java jar 패키지 http://www.json.org/java/index.html도 제공합니다. API도 매우 간단합니다.
javascript를 입력하세요. 요청 매개변수
js 코드

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

함수 sendRequest () { 
var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow") 
var pars = "car=" carr.toJSONString() 
var url = " /MyWebApp/JSONTest1"; 
var mailAjax = new Ajax.Request( 
url, 
{ 
메서드: 'get', 
매개변수: pars, 
onComplete: jsonResponse 
} 
); 
} 

 

JSON 요청 문자열을 사용하면 JSONObject를 생성하고 구문 분석하고 서블릿을 수정하여 JSON 처리를 추가할 수 있습니다. json.jar)
java 코드

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

 private void doService(HttpServletRequest request, HttpServletResponse response ) throws IOException { 
String s3 = request.getParameter("car"); 
try { 
JSONObject jsonObj = new JSONObject(s3); out.println(jsonObj.getString(" 모델")); 
System.out.println(jsonObj.getInt("연도")) 
} catch(JSONException e) { 
e.printStackTrace( ); 
} 
 response.getWriter().print("{ "name": "Violet", "occupation": "character" }") 
 
 
JSONObject를 사용하여 JSON 문자열을 생성하고 서블릿 
java 코드 

코드 복사 를 수정할 수도 있습니다. 코드는 다음과 같습니다. 다음: private void doService( HttpServletRequest 요청, HttpServletResponse 응답) throws IOException {

String s3 = request.getParameter("car")

try { 
JSONObject jsonObj = new JSONObject(s3); 
System.out.println( jsonObj.getString("model")) 
System.out.println(jsonObj.getInt("year")); JSONException e) { 
e.printStackTrace(); 
} 
JSONObject resultJSON = new JSONObject() 
try { 
resultJSON.append("name", "Violet") 
.append("occupation", "developer") 
 .append("age", new Integer(22)) 
System.out.println(resultJSON.toString()); (JSONException e) { 
e.printStackTrace(); 
} 
response.getWriter().print(resultJSON.toString()) 
} 
 
 
js code