Latest web development tutorials

ใช้ JSON

ข้อความ JSON จะถูกแปลงเป็นวัตถุ JavaScript

หนึ่งในการใช้งานที่พบมากที่สุดของ JSON เป็นข้อมูลที่อ่านจากเว็บเซิร์ฟเวอร์ JSON (เป็นไฟล์หรือเป็น HttpRequest) JSON ข้อมูลลงในวัตถุ JavaScript และจากนั้นใช้ข้อมูลนั้นในหน้าเว็บ

ที่จะทำให้มันง่ายขึ้นสำหรับคุณที่จะอธิบายเราใช้สตริงเป็น input เพื่อนำเสนอ (แทนที่จะไฟล์)

เช่น JSON - วัตถุจากสตริง

สร้างสตริง JavaScript ที่มีไวยากรณ์ JSON:

var txt = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

ตั้งแต่ JSON ไวยากรณ์เป็นส่วนหนึ่งของไวยากรณ์ JavaScript, EVAL JavaScript () ฟังก์ชั่นที่สามารถใช้ในการแปลงข้อความไปยังวัตถุ JSON JavaScript

EVAL () ฟังก์ชั่นใช้งาน JavaScript คอมไพเลอร์สามารถแยกข้อความ JSON แล้วสร้างวัตถุ JavaScript ข้อความที่ต้องอยู่ในวงเล็บเพื่อหลีกเลี่ยงข้อผิดพลาดไวยากรณ์:

var obj = eval ("(" + txt + ")");

การใช้วัตถุ JavaScript ในหน้านี้:

ตัวอย่าง

<p>
First Name: <span id="fname"></span><br />
Last Name: <span id="lname"></span><br />
</p>

<script>
document.getElementById("fname").innerHTML = obj.employees[1].firstName
document.getElementById("lname").innerHTML = obj.employees[1].lastName
</script>

ลอง»

JSON parser

โคมไฟ EVAL () ฟังก์ชันสามารถรวบรวมและรันโค้ด JavaScript ใด ๆ นี้จะซ่อนปัญหาด้านความปลอดภัยที่อาจเกิดขึ้น

การใช้ JSON แยกวิเคราะห์การแปลงวัตถุ JSON JavaScript เป็นวิธีที่ปลอดภัย JSON JSON parser ข้อความเท่านั้นตระหนัก แต่ไม่ได้รวบรวมสคริปต์

ในเบราว์เซอร์ที่ให้การสนับสนุน JSON พื้นเมือง parsers JSON และเร็วขึ้น

เบราว์เซอร์ที่ใหม่กว่าและ ECMAScript ล่าสุด (จาวาสคริปต์) มาตรฐานมีการสนับสนุนพื้นเมืองสำหรับ JSON เป็น

Web 浏览器支持 Web 软件支持
  • Firefox (Mozilla) 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4
  • jQuery
  • Yahoo UI
  • Prototype
  • Dojo
  • ECMAScript 1.5

ลอง»

เบราว์เซอร์รุ่นเก่าสามารถใช้ห้องสมุด javascript: https://github.com/douglascrockford/JSON-js

รูปแบบ JSON ถูกพัฒนามา ระบุเดิมโดยดักลาส Crockford