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

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



SOA,Java,XSLT

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




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

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

  แนะนำการฟ java script เจ๋ง Chart JS ถามเมื่อ (2015-08-21)   2,872 views  (ดูล่าสุดเมื่อ 17 นาที)

  Ireport วิธีส่ง Parameter เข้า Subreport ถามเมื่อ (2018-12-17)   3,093 views  (ดูล่าสุดเมื่อ 19 นาที)

  Unix นับจำนวน file ด้วย wc ถามเมื่อ (2017-03-14)   2,766 views  (ดูล่าสุดเมื่อ 23 นาที)

  PHP Codeigniter Cannot modify header information headers already sent by ปัญหาตอน redirect ถามเมื่อ (2019-08-26)   3,287 views  (ดูล่าสุดเมื่อ 27 นาที)

  Oracle Field ประเภท Varchar2 เก็บได้กี่ตัวอักษร ถามเมื่อ (2017-03-03)   3,381 views  (ดูล่าสุดเมื่อ 34 นาที)

  Java script วิธีเช็ค ว่า กด Enter เข้ามาหรือเปล่า ถามเมื่อ (2017-06-01)   2,201 views  (ดูล่าสุดเมื่อ 53 นาที)

  Java script object example พร้อมตัวอย่างการใช้งาน ถามเมื่อ (2017-12-26)   2,100 views  (ดูล่าสุดเมื่อ 63 นาที)

  หา font ไทยสวยๆ บน google font มาใส่เว็บกันเถอะ ถามเมื่อ (2017-07-27)   2,341 views  (ดูล่าสุดเมื่อ 67 นาที)

  Unix คำสั่ง เช็ค process Java ถามเมื่อ (2016-03-04)   2,878 views  (ดูล่าสุดเมื่อ 95 นาที)

  Ireport การทำ Row สลับ สี Background Color แถวคู่แถวคี่ Jasper report ถามเมื่อ (2018-11-30)   2,148 views  (ดูล่าสุดเมื่อ 101 นาที)


 

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