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

 1,821 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   โปรแกรมมิ่ง  
 1,821 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 27/12/2017



SOA,Java,XSLT

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




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

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

  jQuery file upload ด้วย AJAX บน Semantic UI ถามเมื่อ (2019-06-01)   1,760 views  (ดูล่าสุดเมื่อ 39 วินาที!!)

  true_homewifii love you ถามเมื่อ (2012-09-12)   2,018 views  (ดูล่าสุดเมื่อ 4 นาที)

  Jquery menu โดนบัง flash กับ tab บังครับมันไปซ้อนอยู่ด้านหลังทำไงดี ถามเมื่อ (2013-04-23)   2,782 views  (ดูล่าสุดเมื่อ 13 นาที)

  Ireport เทคนิคการทำแบบฟอร์มโดยใช้ Image Background เป็นแม่แบบ ถามเมื่อ (2018-12-18)   1,482 views  (ดูล่าสุดเมื่อ 43 นาที)

  Oracle NOT EXISTS tuning performanc ให้เร็วกว่าการใช้ NOT IN ถามเมื่อ (2017-06-01)   3,533 views  (ดูล่าสุดเมื่อ 44 นาที)

  ตัวอย่าง Ajax jquery กับ Spring framework ถามเมื่อ (2013-03-25)   3,352 views  (ดูล่าสุดเมื่อ 59 นาที)

  Oracle Create Select สร้าง Table ใหม่ตามโครงสร้าง Table เดิม ถามเมื่อ (2013-07-23)   2,221 views  (ดูล่าสุดเมื่อ 60 นาที)

  oracle pl sql select into dynamic sql ตัวอย่าง Code ถามเมื่อ (2014-01-31)   2,474 views  (ดูล่าสุดเมื่อ 65 นาที)

  ขอตัวอย่างการเขียน Query ใน Hibernate ด้วยครับ ถามเมื่อ (2012-05-16)   2,170 views  (ดูล่าสุดเมื่อ 67 นาที)

  Oracle SQL Command Query Record แรก ที่ซ้ำกันมาเพียง 1 Record ด้วย PARTITION ถามเมื่อ (2018-04-26)   1,705 views  (ดูล่าสุดเมื่อ 75 นาที)


 

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