JSON : โยนค่าจาก PHP เข้้า Javascipt โดยอยู่ในรูปแบบ JSON ทำไงเอ่ย

Growth · 07 กรกฎาคม 2009, 14:15:40

JSON : โยนค่าจาก PHP เข้้า Javascipt โดยอยู่ในรูปแบบ JSON ทำยังไงหรอครับ

ใช้ฟังก์ชันอะไรเอ่ย

แล้วถ้าโยนจาก Javascript เข้า PHP ใช้ฟังก์ชันอะไรหรอครับ

digitalex · 07 กรกฎาคม 2009, 15:08:52

ใช้ function
json_decode
json_encode
ดูยังครับ

Growth · 07 กรกฎาคม 2009, 15:46:29

มันไว้แปลงค่าอ่าครับ ผมอยากให้มันโยนจาก php มา javascript ง่ะ

Kobsoft · 07 กรกฎาคม 2009, 16:13:57

จะบอกว่า AJAX จบข่าว ก็เหมือนจะตอบไม่เคลียร์ เอาง่ายๆ ดูตามลิงค์นี้คับ

PHP Javascript variable/value transfer

http://forums.digitalpoint.com/showthread.php?t=16822

I think ... that's interesting

อ้าว ผมตอบผิดประเด็น JSON หรือเปล่าหว่า ... กำ

Growth · 07 กรกฎาคม 2009, 16:41:21

เออ เห้ย ผมนี่จริงๆเล้ย

ทำไมไม่ทันนึกถึง AJAX ล่ะเนี่ย เห้อ มัวแต่ไปสนใจ JSON อย่างเดียว

5555+

Ton~ · 08 กรกฎาคม 2009, 12:31:12

แนะนำอีกตัวก็ jQuery ครับลองใช้ดูแล้วจะติดใจครับ งานใหญ่ๆผมก็ใช้ jQuery ทั้งนั้นเลย
ลองดูในบทความนี้ครับ

http://www.jquery.in.th/jquery-and-php-json

เป็นการส่งค่า Post แล้วรับ data จากการ callback มาได้เลย

Growth · 08 กรกฎาคม 2009, 12:43:29

ที่พี่ให้หาผมพอจะเข้าใจฝั่ง js > php ล่ะ

แต่ก็ยังงงส่วนที่ php ส่งให้ js อยู่แหะๆๆ

animaturk · 08 กรกฎาคม 2009, 15:11:42

ไม่รู้ว่าใช่อย่างที่ต้องการรึป่าวนะครับ ก็ใช้ php เขียนออกมาเป็น javascript ครับ

<?

echo "ต้วแปรจาว่าสคริป=".$ตัวแปรphp;

?>

Ton~ · 08 กรกฎาคม 2009, 15:25:27

เดี๋ยวอธิบายให้ละเอียดเลยครับ

ให้ลองเอา code ตามตัวอย่างของผมไปทดสอบดูน่าจะเข้าใจมากขึ้นครับ

1. ตัวอย่าง File php นะครับ สมมุติว่าชื่อ json.php

โค้ด เลือก


<?php 
$array = array("link"=>"jQuery","URL"=>"http://www.jquery.in.th");
echo json_encode($array); 
?>

output ที่ได้ก็จะเป็นหน้าตาแบบนี้นะครับ

โค้ด เลือก



   {"link":"jQuery","URL":"http://www.jquery.in.th"}

2. มาทางฝั่ง js ที่ใช้ jQuery ในการส่ง ajax ไปหา php สมมุติเป็น index.html ก็แล้วกันครับ

โค้ด เลือก


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> jQuery and JSON PHP </TITLE>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
 </HEAD>

 <BODY>
  <!-- ปุ่ม --->
  <input type="button" id="myButton" value="Click Here" />
   <!-- js -->
  <script>
      $("#myButton").click( function(){
             $.post("json.php", {"action":"Click"}, 
                         function( data ){ 
                              alert(data.link   " - "   data.URL); 
                         }, 
              "json");
      } );       
  </script>

 </BODY>
</HTML>

อธิบายการทำงานได้ดังนี้ครับ

1. หลังจากที่กดปุ่มไปแล้ว มันจะไปเรียก Function ที่เรากำหนดให้กับ Event Click ใน funnction นั้นจะบรรจุการทำงานของ ajax เอาใว้
2. เริ่มการทำงาน ajax จะทำการส่ง Request แบบ POST ไปยัง json.php
3. ใน json.php นั้นจะมีการสั่งให้ echo ค่าของรูปแบบ json ออกมา
4. ในระหว่างที่ส่งค่าไปให้ json.php นั้นนะครับ ตัว ajax มันจะเช็คว่า complete หรือยังถ้า complete แล้วมันจะทำการเรียกค่าจาก json.php ที่ echo ออกมาด้วยหรือเรียกว่าการ callback
5. เวลา callback กลับมานั้น ค่าของ json ที่ php มัน echo ออกมานั้นจะถูก ajax เก็บใว้ในตัวแปร data คือมันจะคืนค่ากลับมาให้ผ่านตัวแปร data
6. เราก็สามารถจะเอาค่านั้นออกมาใช้งานได้โดย data.ชื่อตัวแปร เช่นในตัวอย่าง data.URL มันก็จะได้ค่าของ URL ออกมานั้นก็คือ http://www.jquery.in.th