Phương thức JSON parse () được sử dụng để phân tích cú pháp một chuỗi JSON và sau đó tạo một đối tượng JavaScript từ nó.
Sau đây là mã cho phương thức JSON parse () -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.sample {
font-size: 18px;
font-weight: 500;
color: red;
}
</style>
</head>
<body>
<h1>JSON parse() Method</h1>
<div class="sample">
{"name":"Rohan", "sports":["Cricket","Football"], "country":"India"}
</div>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to parse the above JSON string
</h3>
<script>
let sampleEle = document.querySelector(".sample");
let resultEle = document.querySelector(".result");
let parsedJson = JSON.parse(sampleEle.innerHTML);
document.querySelector(".Btn").addEventListener("click", () => {
resultEle.innerHTML = "Name = " + parsedJson.name + "<br>";
resultEle.innerHTML += "Country = " + parsedJson.country + "<br>";
resultEle.innerHTML += "Sports = " + parsedJson.sports;
});
</script>
</body>
</html> Đầu ra
Khi nhấp vào nút “BẤM VÀO ĐÂY” -
