Archive for the ‘Ajax’ Category

มาทำ Autosave กันเถอะ jQuery Ajax ช่วยได้

มาอัพเดทต่อๆ วันนี้จริงๆว่าจะนอนแล้วล่ะ เหนื่อยๆ ง่วงๆ เพลียๆ มึนๆ ยังไงชอบกล แต่เอาว่า อยากได้ keyword “AJAX” ก็ต้องขยันอัพกันนิดนึง เพราะผมเชื่อในเรื่อง Content is the King เลย พยายมๆ สร้าง Unique Content ที่มีคุณภาพขึ้นมา ^^
วันนี้เราลองมาประยุกต์ใช้ ajax ในการทำ auto save ดีกว่า จริงๆ plugin แบบนี้ ถ้าหาดูจาก Google ก็จะเห็นอยู่ 2-3 ตัว มีทั้งแบบ save ลง Cookie หรือ ส่งไปทำงานตาม url ที่เรากำหนด พร้อม function restore มาเสร็จสรรพ
แต่เนื่องจากวันนี้ผมไม่ได้มา review แต่จะมาอธิบายถึง การประยุกต์ใช้งาน ajax ใน jQuery [...]

Read the rest of this entry »

มาคุยกันเรื่อง Ajax อีกที ดีกว่ามั้ย?

หลังจากประสบความสำเร็จ กับ 2 keywords หลัก jQuery และ codeigniter ในผลการค้นหาจาก Google ในหน้าภาษาไทย โดยได้อันดับที่ 1 และ 6 ตามลำดับ ตอนนี้จะขอมาเล่น keyword ต่อไป คือคำว่า “AJAX” ซึ่งตอนนี้ยังไม่มีตำแหน่งใดๆ เลย ฮ่าๆๆ
แต่ด้วยจำนวนคู่แข่งที่มีเพียง 375,000 เท่านั้นเอง เลยคิดว่า ไม่น่าจะยากเย็นอะไร โดยเป้าหมายไม่ได้หวัง ถึงอันดับ 1 ขอแค่หน้าแรกได้ก็ดีใจละ ดังนั้นเอาเป็นว่า บทความในวันนี้จะขอ พูดเรื่อง ajax เลยละกัน
หลายๆ คนที่ใช้ ajax ใน jQuery ก็คงจะรู้แล้วว่ามันง่ายแสนง่ายเพียง ไหน ไม่ต้องมาเสียเวลาเขียนโคด 30-40 บรรทัด เพียงแค่บรรทัดเดียวก็ วิ่งฉิว สบายใจเฉิบแล้ว

Read the rest of this entry »

AjaxQ เรียงคิวให้ request กันหน่อย

วันนี้แวะมาล้างรถ ในระหว่างที่กำลังรอ ว่างๆ ก็เลยคิดว่าน่าจะม่ Update อะไรสักหน่อย เลย Search Keyword “jquery plugin” จาก Google ดูซิว่ามี อะไรพอจะหยิบยกมาเขียนได้
หลังจากลองสุ่มๆ ดูก็เจอ plugin ที่พอจะมีประโยชน์บ้างมาแนะนำกัน เผื่อใครที่กำลังเจอปัญหาเรื่องนี้พอดี
รู้มั้ยครับว่า Browser แต่ละตัวมันมี Limit ของ Connection Server กันด้วย โดยที่ Mozilla, Opera, Safari มี limit อยู่ที่ 8 connections ต่อ 1 server ต่อ ช่วงเวลา หรือที่แล้วก็ไอ้ตัวเจ้าปัญหา IE มี limit อยู่ที่ 2 !!!!

Read the rest of this entry »

มา Translate กันเถอะ พี่ GG เค้าจัดมาแล้ว

Google Translate
ว้าว ขณะที่ Post ข้อความอยู่นี้ เชื่อมั้ยครับว่าผมเขียนบทความ ลงใน jQueryTips นี้ทั้งหมดกี่บทความแล้ว 80 !!!!! ใช่แล้วตั้ง 80 แน่ะ รวมบทความนี้ก็จะเป็นบทความที่ 81 ไม่น่าเชื่อเลย ว่าตัวเองจะเขียนได้มาไกลถึงขนาดนี้ 555++
ตอนแรกก็กะเขียนเล่นๆ คิดว่า วัน สองวันตัวเอง คงเบื่อ ไปๆมาๆ นี่เขียนกันเป็นปีเลย อืมม์ คิดๆแล้วก็ ภูมิใจแฮะ วันนี้เดี๋ยว export มา backup ซะหน่อยดีกว่า ^^
เอาล่ะๆ มาเข้าเรื่องที่จะเขียนวันนี้กันเลยดีกว่า “ภาษาอังกฤษ” -*- เชื่อแน่ๆ เลยครับว่าปัญหาเรื่อง ภาษา ไม่แข็งแรงนั้น สั่งสมอยู่กับคนไทย มานานแสนนาน ทำให้เราขาดโอกาส และการเรียนรู้ที่ดีๆ จาก international website, e-book หรือสื่อ ภาษาต่างประเทศ อะไรต่อมิอะไรไปไม่ใช่น้อย
แต่ผมคิดว่า ต่อไปนี้ปัญหาอาจจะเบาบางลง ด้วยท่านเทพแห่งโลกไซเบอร์อย่างพี่ [...]

Read the rest of this entry »

โหลดเมื่อจำเป็นต้องโหลด

รู้มั้ยครับ คุณสมบัติเด่นอีกอย่างนึงของ JavaScript คืออะไร “แดกแรม client” ใช่แล้วครับ มันชอบดูดแรมผู้ใช้งานไปเรื่อย โดนไม่คืนเสียด้วย แถมการ include JavaScript ที่เขียนเยอะๆ ไฟล์ใหญ่ๆ เข้าไปยังทำให้ page load ช้าอีก นอกเหนือจาก เทคนิค การ บีบอัดไฟล์ js แล้ว วันนี้ผมจะมาแนะนำ อีกเทคนิคนึงกัน นั่นคือ…

Read the rest of this entry »

livequery ปลั๊กอินที่ ช่วยแก้ปัญหา JS ไม่ยอมเชื่อฟังหลังจาก DOM อัพเดท

[Audio clip: view full post to listen]
วันนี้มาแนะนำ plugin ดีๆ อีกตัว…
โปรแกรมเมอร์หลายคนที่เขียน ajax หรือ javascript บ่อยๆ คงเคยเจอปัญหา ว่า javascript ไม่ยอม ทำงานต่อหลังจากที่เรา append DOM ใหม่ๆ ที่มี event เข้ามาด้วย
จริงๆ ผมก็เคยแนะนำวิธีไปคร่าวๆ แล้วเหมือนกัน

Read the rest of this entry »

Ajax with jQuery (Media version)

คราวนี้ขอ อัพเดทแบบง่ายๆ ทีนึง พอดีไปแวะ Youtube มาเลยลอง หา jQuery Tutorial มาฝาก คราวนี้เป็น basic ajax ครับ แต่ ajax พื้นๆ ที่ไม่ต้องพึ่งพา ปลั๊กอินใดๆ แค่ jQuery ตัวเดียวก็เหลือแหล่
เนื้อหาก็เป็นการสอน เกี่ยวกับ ajax กับการรับ response ในรูปแบบต่างๆ เช่น html, xml เอาเป็นว่าไปดูกันเองเลยดีกว่า

Read the rest of this entry »

Ajax Cross Domain ใครว่าทำไม่ได้

เรื่อง cross domain กับ ajax จริงๆแล้วในทางทฤษฎี มันควรจะทำได้ครับ แต่ทางปฎิบัติเราติดปัญหาเรื่อง Security เลยไม่อนุญาติให้ทำกัน แต่ทีนี้ผมจะมาพูดถึง ajax cross domain อีกรูปแบบ ในกรณีที่อีก page ต่าง domain ยินยอมให้เข้าไป get ข้อมูล โดย register method ไว้ก่อน ซึ่งลักษณะนี้เรามักเรียกว่า Web Service หรือ API นั่นเอง

Read the rest of this entry »

วิธีแก้ไขปัญหา events ไม่ทำงานหลังจาก ajax requested

ผ่านพ้นสงกรานต์ไปแล้วก็หวังว่าทุกคนคงยังสบายดีกันอยู่นะครับ ไม่ใช่ไปเมาตกน้ำแถวไหน อิอิ (ล้อเล่นนะครับ) ตัวผมเองก็ห่างหายจากการอัพเดทบล๊อกไปนานทีเดียว วันนี้ก็เลยจะมาพูดถึงปัญหาสำคัญที่หลายๆ คนมักตั้งข้อสงสัยกันว่า
“ทำไม event ต่างๆที่เขียนในรูปแบบของ jQuery จึงไม่ทำงานหลังจาก ajax call ?”

Read the rest of this entry »

Ajax SEO และ jQuery

ช่วงนี้กระแส SEO กำลังแรง เลยขอมาพูดซะหน่อย ^^
ตอนนี้เทรนด์ที่มาแรงในการพัฒนาเวบไซด์คงหนีไม่พ้น Ajax ซึ่งหลายๆคนคงทราบอยู่แล้วว่ามันมีการทำงานยังไง ถ้ายังไม่รู้ก็ลองไปอ่านได้ที่ Blog เพื่อนผมเอง What’s ajax แต่ปัญหาที่สำคัญของ Ajax ก็คือเรื่อง SEO นี่แหละ เพราะจากที่ผมทราบ Googlebot ไม่สามารถที่จะอ่าน Javascript หรือ Events ต่างๆ เช่น onclick, onkeypress, on… ต่างๆ ได้ ทำให้เป็นผลเสียกับ SEO เป็นอยากมาก เพราะ Botengine ไม่สามารถที่จะ เก็บข้อมูลเพื่อไปสร้าง Index ให้ได้

Read the rest of this entry »