Computer >> Máy Tính >  >> Lập trình >> Javascript

JavaScript JSON.stringify () với Ví dụ

JavaScript JSON.stringify () được sử dụng để chuyển đổi đối tượng JavaScript thành một chuỗi. Nó đặc biệt hữu ích khi gửi dữ liệu đến máy chủ web.

Sau đây là mã cho phương thức JSON stringify () -

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.stringify()</h1>
<div class="sample"></div>
<div style="font-weight: bold;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to convert the above object into a JSON string
</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   let resultEle = document.querySelector(".result");
   let obj = {name: "Rohan",sports: ["Cricket", "Football"],Country: "India",};
   sampleEle.innerHTML ="Name = " +obj.name +"<br>" +" Country = " +obj.Country +
      " <br>" +"sports = " +obj.sports;
   document.querySelector(".Btn").addEventListener("click", () => {
      resultEle.innerHTML = JSON.stringify(obj);
   });
</script>
</body>
</html>

Đầu ra

JavaScript JSON.stringify () với Ví dụ

Khi nhấp vào nút 'BẤM VÀO ĐÂY' -

JavaScript JSON.stringify () với Ví dụ