บทความนี้จะเสนอเกี่ยวกับการใช้งาน Ajax ใน jQuery ซึ่งหาใครไม่มี src ของ jQuery ก็ให้เข้าเว็บ jquery.com เพื่อเข้าไปโหลด src มา
จริงๆ แล้ว jQuery ก็มีคู่มือการใช้งานของ jQuery อยู่แล้ว ซึ่งสามารถเข้าไปดูใน docs.jquery.com ซึ่ง Ajax ที่จะเขียนในบทความนี้ คู่มือการใช้งานของ Ajax ก็อยู่ในหน้า api.jquery.com/category/ajax/ คู่มือก็มีอยู่แล้ว แล้วผมจะสอนอะไรอีก งั้นผมก็จะแปลไทยให้คุณเข้าใจเพิ่มขึ้นแล้วกันนะครับ
ใน jQuery ผมแนะนำให้ใช้ function ของ jQuery.post() หรือ jQuery.get() ส่วน jQuery.ajax() ผมว่าวุ่นวายไป
มาเริ่มจาก jQuery.post() กันนะครับ post กับ get คนเขียนเว็บก็จะรู้กันว่าคืออะไร ซึ่ง function ตัวนี้จะส่งข้อมูลลักษณะการใช้ HTTP POST ซึ่ง function ตัวนี้จะให้เราใส่ parameter 4 ตัวดังนี้
jQuery.post(url[,data][,success(data,textStatus,jqXHR)] [,dataType]);
การเขียนโปรแกรมของแต่งละคนมีวิธีที่เขียนแตกต่างกัน แต่วิธีที่ผมจะสอนในวันนี้จะเป็นวิธีที่ผมจะแยกส่วนออกมาให้เป็นระเบียบ ประกอบกับการเขียนโปรแกรมในรูปแบบการเรียก function ซึ่งเป็นการยกระดับการเขียนอีก 1 ระดับทีเดียว
การนำเข้าข้อมูลจากไฟล์ต่างๆ มีฟังชั่นในการนำเข้าข้อมูลอยู่ 4 รูปแบบคือ
- include วิธีนี้คือการนำเข้าข้อมูลในไฟล์นั้นๆ ซึ่งหากไม่พบ file นั้น ระบบก็จะทำการแจ้งเตือน (Warning)
- include_once มีความหมายเหมือนกับ include แต่หากว่าเคยนำเข้าแล้ว ระบบก็จะไม่นำเข้าซ้ำ
- require วิธีนี้คือการนำเข้าข้อมูลในไฟล์นั้นๆ ซึ่งหากไม่พบ file นั้น ระบบก็จะแจ้ง Error และหยุดทำงานทันที
- require_once มีความหมายเหมือนกับ require แต่หากว่าเคยนำเข้าแล้ว ระบบก็จะไม่นำเข้าซ้ำ
ตัวอย่าง ผมจะเอาตัวอย่างง่ายๆ มาให้ดูก็แล้วกันครับ Continue reading »
แบบแรก เขียนแบบธรรมดาไม่มีการนำเข้ามูลทั้งสิ้น
ImageView มีวิธีที่จะเอารูปภายนอกโปรแกรมมาใช้ โดยผ่าน Method setImageURI(String) แต่นั้นสิ มันสามารถใช้ได้เฉพาะรูปที่อยู่ใน SD Card หรืออยู่ในเครื่องได้เท่านั้น
แต่ถ้าหากจะเอารูปภายนอก เช่นอยากจะเอารูปถ่ายดาวเที่ยมล่าสุดจากเว็บต่างๆ มาแสดงในโปรแกรม โปรแกรมนั้นจำเป็นต้อง Connect Internet เพื่อดึงรูปภาพมาแสดง แต่จะแสดงยังไงได้หล่ะในเมื่อ setImageURI ใช้ได้เฉพาะรูปภาพที่อยู่ภายในเครื่องหรือ SD เท่านั้น
บทความนี้ผมก็จะเสนอวิธีการนำรูปภาพดังกล่าวมาใส่โปรแกรมของเราซึ่งมีขั้นตอนดังนี้
ส่วนแรก ผมตั้งชื่อว่า fetchImage จะใช้ในการเป็น Method ที่ช่วยดึงข้อมูลรูปภาพจาก URL ที่เรียก โดยจะส่งกลับเป็น Bitmap
Continue reading »
