การแทรก PHP ใน Javascript เรื่องกล้วย ๆ ที่อาจจะต้องได้ใช้

การแทรก PHP ใน Javascript เรื่องกล้วย ๆ ที่อาจจะต้องได้ใช้

PHP CODE FATHER โปรแกรมช่วยสร้างโค้ด โปรเจ็ค PHP+MySQL+Boostrap ใช้งานง่าย ๆ


การแทรก PHP ใน Javascript นี้ หลายคนอาจจะไม่เคยได้ใช้ หรืออาจจะไม่เคยรู้มาก่อน
แต่ในความเป็นจริง มันก็ไม่ค่อยได้ใช้กันเท่าไหร่หรอก เพราะว่ามันค่อนข้างจะยุ่งยากสำหรับหลาย ๆ คน
เช่น ถ้าเราอยากจะส่งตัวแปรของ PHP ไปแสดงในฟังก์ชั่น Alert(); ของ Javascript
เพราะว่าจะได้ดูดี หรือ สวยงาม กว่า การแสดงผลแบบธรรมดา ๆ

เหตุผลแค่นี้หล่ะครับ เป็นที่มาของการแทรก PHP ใน Javascript หลุ่ะ
แต่มันก็ไม่ใช่เรื่องยากเย็นอะไร ผมก็รู้มาแค่งู ๆ ปลา ๆ เหมือนกัน
ตัวอย่างโค้ด เป็นดังนี้ครับ พี่น้อง


<?

     $msg="Code-Father.com";
     $msg=$msg."ยินดีต้อนรับ ทุก ๆ ท่าน";

     $msg=$msg."ขอให้ทุกท่านโชคดี มีตังค์ใช้ และมีสุขภาพแข็งแรง ๆ นะครับ ";


?>

แบบที่ 1


     <script type="text/javascript">
          var strMessage = '<?=$msg?>' ;// สร้างตัวแปรมารับก่อนนะครับ
          alert (strMessage);
     </script>


แบบที่ 2

     <script type="text/javascript">
          alert ('<?=$msg?>'); // แบบนี้ก็ใช้เช่นกันครับ
     </script>




จากตัวอย่างจะเห็นได้ว่าข้อความยังไม่มีการขึ้นบรรทัดใหม่ มองดูแล้วก็ไม่สวยงามเท่าใดนัก
ผมได้ลองใช้ \r\n ดูแล้ว แต่มันไม่แสดงผลอะไรเลย ก็เลยสรุปว่า \r\n นั้น ใช้ไม่ได้
\r ก็คือสั่งให้ cursor return กลับไปยังต้นบรรทัด รหัส ascii = 10
\n ก็คือให้ขึ้นบรรทัดใหม่ รหัส ascii = 13

ก็เลยต้องหาวิธีใหม่ ต้องใช้ฟังก์ชั่น "ค้นหา" และ "แทนที่" เข้ามาช่วย ดังตัวอย่างด้านล่างนี้ครับ
การที่เราจะค้นหาได้นั้น เราก็ต้องสร้างคำที่จะค้นหา เพื่อที่จะได้แทนที่ขึ้นมาก่อนครับ
ผมเลือกใช้ XX (ไม่ได้โรคจิตนะครับ) จากนั้นก็ใช้ฟังก์ชั่น replace() มาทำการค้นหาและแทนที่ด้วย "\r=n"

<?

     $msg="Code-Father.com XX ";
     $msg=$msg."ยินดีต้อนรับ ทุก ๆ ท่าน XX ";

     $msg=$msg."ขอให้ทุกท่านโชคดี มีตังค์ใช้ และมีสุขภาพแข็งแรง ๆ นะครับ ";


?>
     <script type="text/javascript">
          var strMessage = '
<?=$msg?>' ; // สร้างตัวแปรมารับก่อนนะครับ
          alert (strMessage.replace(/x/ig,"\r\n"));
     </script>


* การสร้างตัวแปรมารับนั้น เพื่อที่จะสามารถนำตัวแปรใหม่ไปใช้งานต่อได้อีก หากใช้ตัวแปรของ PHP โดยตรง
* จะไม่สามารถทำได้ จึงต้องสร้างตัวแปรของ Javascript ขึ้นมารองรับอีกทีนึงนะครับ




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

"เพราะความรู้ คือการแบ่งปัน อยากเห็นสังคมไทยเป็นสังคมแห่งการแบ่งปัน"

ย้อนกลับ กลับหน้าแรก