JSON กับ JSONP

คนที่ทำเว็บหลายคนคงรู้จักกับ JSON บ้างไม่มากก็น้อย ซึ่งมีคู่แข่งอย่าง XML ซึ่งเกิดมาก่อนซึ่งเราไม่พูดถึงในที่นี้ แต่ผมจะอธิบายความแตกต่างระหว่าง JSON และ JSONP ซึ่งทั้งสองใช้สำหรับรับส่งข้อมูลระหว่าง server กับ client (browser, app ต่าง ๆ) ซึ่งทั้งสองมี Syntax เหมือนกัน แต่สิ่งที่ทั้งสองแตกต่างกันคือ JSON ออกแบบมาเพื่อทำงานใน web ที่อยู่ domain (url) เดียวกัน ส่วน JSONP ใช้สำหรับส่งข้อมูล cross domain (คนละเว็บ) และซึ่งมีลักษณะแตกต่างกันเล็กน้อย ดังรูปด้านล่าง

ซึ่งถ้าคุณใช้ jQuery ในการส่ง request มันจะไม่สามารถถอดข้อมูลออกมาได้หากคุณระบบ dataType: "json/jsonp" ใน $.ajax() และจะแสดง response เป็น error แทน