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

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

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



SOA,Java,XSLT

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




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

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

  Javascript เก็บค่าลง localStorage กับ SessionStorage ต่างกันอย่างไร ถามเมื่อ (2017-12-26)   15 views  (ดูล่าสุดเมื่อ 2 นาที)

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

  ความแตกต่างระหว่าง RDBMS กับ Hadoop NoSQL ถามเมื่อ (2017-02-07)   1,551 views  (ดูล่าสุดเมื่อ 33 นาที)

  Jasper report คืออะไร ต่างจาก iReport อย่างไร ถามเมื่อ (2015-08-23)   2,832 views  (ดูล่าสุดเมื่อ 43 นาที)

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

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

  Java export excel วิธี set style ให้สวยงามด้วย HSSFCellStyle ถามเมื่อ (2015-09-14)   626 views  (ดูล่าสุดเมื่อ 248 นาที)

  โปรแกรม Weka คืออะไรครับ ถามเมื่อ (2013-02-04)   1,865 views  (ดูล่าสุดเมื่อ 291 นาที)

  POI กำหนดความกว้าง ของ Cell ยังไงให้เท่ากับใน Exel ถามเมื่อ (2013-07-25)   1,472 views  (ดูล่าสุดเมื่อ 310 นาที)

  Oracle เปลี่ยนชื่อ Table ยังไงครับ ถามเมื่อ (2017-03-03)   478 views  (ดูล่าสุดเมื่อ 334 นาที)


 

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