JSONP ดึงข้อมูล JSON ข้าม domain ง่ายๆ แบบ dynamic  สร้างคำถาม

 2,665 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 27/12/2017

JSONP ดึงข้อมูล JSON ข้าม domain ง่ายๆ แบบ dynamic

JSONP คือรูปแบบการรับข้อมูล JSON จาก Server side ผ่านคำสั่ง script.src
แต่จะ advance ตรงที่สามารถกำหนด callback function ได้

JSONP เป็นคำสั่งในการส่งข้อมูล JSON ข้าม domain
ผ่านทาง script tag

ตัวอย่างการใช้งาน JSONP ในการรับข้อมูล JSON


//Code ฝั่ง service side (PHP)
$myJSON = '{ "name":"John", "age":30, "city":"New York" }';
echo "myFunc(".$myJSON.");";

//Code ฝั่ง javascript
function myFunc(myObj) {
document.getElementById("demo").innerHTML = myObj.name;
}
//เพิ่ม script src เพื่อรับข้อมูล json
script src="demo_jsonp.php"

//สามารถเพิ่ม script ได้จาก event ต่างๆ ได้
function clickButton() {
var s = document.createElement("script");
s.src = "demo_jsonp.php";
document.body.appendChild(s);
}

//สามารถเพิ่ม callback function ได้
function clickButton() {
var s = document.createElement("script");
s.src = "jsonp_demo_db.php?callback=myDisplayFunction";
document.body.appendChild(s);
}

//code ฝั่ง javascript
function myDisplayFunction(myObj) {
document.getElementById("demo").innerHTML = myObj.name;
}


ถ้าชอบบทความนี้ กด Like เลย :JSONP ดึงข้อมูล JSON ข้าม domain ง่ายๆ แบบ dynamic
TAGS : Javascript   JSON   JSONP   Programming   โปรแกรมมิ่ง  
 2,665 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 27/12/2017



SOA,Java,XSLT

 ร่วมแสดงความคิดเห็นได้ที่นี่




× แจ้งเตือน! เราสนับสนุนทุกความคิดเห็น ที่ ใช้ถ้อยคำสุภาพ ไม่ละเมิดผู้อื่น ไม่ก่อให้เกิดความขัดแย้ง

เนื้อหาที่เกี่ยวช้อง

  รหัส Error ที่ผู้ใช้เว็บควรรู้ มีอะไรบ้าง ถามเมื่อ (2016-11-02)   2,951 views  (ดูล่าสุดเมื่อ 2 นาที)

  jquery การเข้าถึงตัวแปรแบบ Dynamic ผ่าน ID ทำยังไงครับ ถามเมื่อ (2019-06-01)   2,081 views  (ดูล่าสุดเมื่อ 3 นาที)

  NPM คืออะไร หาคำตอบได้ที่นี่ ถามเมื่อ (2015-09-30)   2,125 views  (ดูล่าสุดเมื่อ 4 นาที)

  Java เติม d หรือ f หลังตัวเลข หมายความว่ายังไง ถามเมื่อ (2013-05-14)   2,938 views  (ดูล่าสุดเมื่อ 10 นาที)

  SQL Command การใช้งาน group by having ถามเมื่อ (2020-02-19)   3,097 views  (ดูล่าสุดเมื่อ 12 นาที)

  HDFS คืออะไร ทำความรู้จักกับ HDFS หรือ Hadoop Distributed File System ถามเมื่อ (2017-02-07)   4,359 views  (ดูล่าสุดเมื่อ 13 นาที)

  NoSQL databases คืออะไร ทำความรู้จักกับ NoSQL ถามเมื่อ (2014-06-12)   2,928 views  (ดูล่าสุดเมื่อ 14 นาที)

  ตัวอย่างการใช้ Regular Expressions ใน REGEXP_REPLACE ของ Oracle ถามเมื่อ (2017-01-18)   6,734 views  (ดูล่าสุดเมื่อ 14 นาที)

  XQuery คืออะไร ทำความรู้จักกับ XQuery ในการ Query ข้อมูล XML ถามเมื่อ (2014-05-27)   4,198 views  (ดูล่าสุดเมื่อ 19 นาที)

  Semantic UI เทคนิคการใช้งาน Icon แบบละเอียด ถามเมื่อ (2017-06-06)   1,925 views  (ดูล่าสุดเมื่อ 38 นาที)


 

บ้านเดียวกันดอทคอม เว็บถามตอบ รวมทุกเรื่องที่คุณอยากรู้ ให้ความรู้ ความบันเทิง มีสาระ
www.ban1gun.com