Javascript JSON 작업 항목 example_json

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

코드 복사

코드는 다음과 같습니다. function jsonResponse(originalRequest) { alert(originalRequest.responseText); var myobj = originalRequest.responseText.evalJSON(true);

alert(myobj.name);

}