JSON.parse() : JSON 문자열을 JSON object로 변환시켜준다.
$.parseJSON(data); // JSON 문자열을 JSON 객체(JavaScript object) 로 변환시켜 준다
JSON.stringify : JSON object를 JSON 문자열로 변환시켜 준다.
다음 예제를 직접 실행해보면 내용을 이해할 수 있다.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="result"></div>
</div>
</form>
<script>
$(function () {
// json 객체 정의
var employee = { "name": "홍길동", "address": "용인시 죽전동", "phone": "555-4567" };
// JSON.stringify를 사용하여 String으로 변환한다.
var jsonstring = JSON.stringify(employee);
$("#result").append('<p>json string: ' + jsonstring + '</p>');
// JSON.parse function을 사용하여 JSON string을 JSON 객체(object)로 변환
var jsonobject = JSON.parse(jsonstring); // $.parseJSON(jsonstring) 사용해도 된다.
var info = '<ul><li>Name:' + jsonobject.name + '</li><li>Street:' + jsonobject.address + '</li><li>Phone:' + jsonobject.phone + '</li></ul>';
$("#result").append('<p>json object:</p>');
$("#result").append(info);
});
</script>
</body>
</html> |
