1 ความรู้เบื้องต้นเกี่ยวกับเทคโนโลยีกรอบงาน Ajax ยอดนิยม หาก Ajax ที่มีอยู่ถูกจำแนกตามมุมมองของกรอบงาน ก็สามารถจำแนกได้ดังต่อไปนี้:
Ø ระดับ 0 เสร็จสิ้นงานพื้นฐาน รวมถึงวิธีการขยายออบเจ็กต์ดั้งเดิม และส่วนการสื่อสาร Ajax ซึ่งค่อนข้างคล่องตัว
Ø ระดับ 1 เสร็จสิ้นการทำงานของเอฟเฟกต์ รวมถึงการเพิ่มฟังก์ชันการแปลงเอฟเฟกต์ทั่วไป เช่น เอฟเฟกต์พิเศษ เช่น Tween, Drag, MaskLayer, Fader ฯลฯ
Ø ระดับ 2 เสร็จสิ้นงานส่วนประกอบ รวมถึงส่วนประกอบต่างๆ เช่น กล่องโต้ตอบ รายการ ต้นไม้ ปฏิทิน ฯลฯ
Ø ระดับ 3 ทำให้งานแอปพลิเคชันเสร็จสมบูรณ์ รวมถึงแพลตฟอร์มส่วนหน้าที่สมบูรณ์ ช่วยให้ผู้ใช้สามารถกำหนดโมดูลที่สามารถบรรลุฟังก์ชันบางอย่างได้
เฟรมเวิร์กบางตัวทำระดับ 0 เท่านั้น เช่น Prototype.js เฟรมเวิร์กบางตัวทำระดับ 1 เช่น jQuery และบางเฟรมเวิร์กทำระดับ 3 เช่น Asp.net Ajax และ EXT
การเลือกเฟรมเวิร์ก Ajax ที่เหมาะสมสามารถปรับปรุงประสิทธิภาพของโปรแกรม ลดภาระงานในการพัฒนา และปรับเอฟเฟกต์การแสดงผลให้เหมาะสม
1.1 หน้าแรกแนะนำ Asp.net Ajax: http://www.asp.net/cn/
การคิดเชิงออกแบบ
ASP.NET Ajax รวมชุดไลบรารีสคริปต์ฝั่งไคลเอ็นต์เพื่อรวมเข้ากับแพลตฟอร์มการพัฒนาบนเซิร์ฟเวอร์ที่มีคุณลักษณะหลากหลาย ASP.NET โมเดลการเขียนโปรแกรมฝั่งเซิร์ฟเวอร์นั้นง่ายกว่าโมเดลการเขียนโปรแกรมฝั่งไคลเอ็นต์ และง่ายต่อการรวมเข้ากับโปรแกรม ASP.NET ที่มีอยู่ โดยปกติ ในการใช้ฟังก์ชันที่ซับซ้อน คุณเพียงแค่ต้องลากตัวควบคุมบางส่วนบนเพจโดยไม่ต้องทำ เข้าใจหลักการทำงานเชิงลึก นอกจากนี้ ASP.NET AJAX Control Toolkit สำหรับการเขียนโปรแกรมฝั่งเซิร์ฟเวอร์ยังมีตัวควบคุม AJAX อิสระจำนวนมากและส่วนขยายฟังก์ชัน AJAX ให้กับตัวควบคุมเซิร์ฟเวอร์ดั้งเดิมของ ASP.NET
1.2 หน้าแรกแนะนำ Jquery: http://jquery.com/
แนวคิดการออกแบบนั้นเรียบง่าย: การดำเนินการเกือบทั้งหมดเริ่มต้นด้วยการเลือกองค์ประกอบ DOM (พร้อมตัวเลือกอันทรงพลัง) จากนั้นจึงดำเนินการกับองค์ประกอบเหล่านั้น (การผูกมัดและคุณสมบัติอื่น ๆ ) มันง่ายมากในการเริ่มต้น โค้ดนั้นง่ายมาก ใกล้เคียงกับ JavaScript ดั้งเดิมมาก และไฟล์มีขนาดเล็กมาก
1.3 หน้าแรกแนะนำ Extjs: http://extjs.com/
การคิดเชิงออกแบบ
การคิดเชิงวัตถุและเชิงองค์ประกอบ 100% ไวยากรณ์ที่สอดคล้องกัน และเนมสเปซส่วนกลาง เอกสารครบถ้วน ได้มาตรฐาน และสะดวกสบาย สามารถใช้ส่วนประกอบทั้งหมด (วิดเจ็ต) ได้โดยตรงโดยไม่ต้องตั้งค่า
2 การเปรียบเทียบประสิทธิภาพ
ประสิทธิภาพของแอปพลิเคชัน Ajax ขึ้นอยู่กับหลายแง่มุมของแอปพลิเคชันเว็บ:
Ø เวลาตอบสนองของเซิร์ฟเวอร์
Ø เวลาในการส่งข้อมูลผ่านเครือข่าย
Ø เวลาในการประมวลผล JavaScript ของไคลเอ็นต์
คุณสามารถใช้เฟรมเวิร์กที่แตกต่างกันเพื่อสร้างตัวอย่างโปรแกรมและใช้ FireBug เพื่อทดสอบประสิทธิภาพได้
จากมุมมองของกลไกการสร้าง
การควบคุมเซิร์ฟเวอร์ Asp.net Ajax จะสร้างรหัสควบคุม ไฟล์ js ที่สร้างขึ้นอาจมีขนาดใหญ่กว่าเล็กน้อย
ไฟล์ต้นฉบับของ Microsoft Ajax มีขนาดค่อนข้างเล็กที่ 82k และความเร็วในการโหลดค่อนข้างเร็ว
ไฟล์ Jquery ดั้งเดิมมีขนาดค่อนข้างเล็ก ประมาณ 40k และความเร็วในการโหลดค่อนข้างเร็ว
ไฟล์ต้นฉบับของ Ext2.0 มีขนาดมากกว่า 500k และความเร็วในการโหลดช้าเล็กน้อย
แน่นอน คุณสามารถปรับปรุงประสิทธิภาพของ Ajax ได้ผ่านการเพิ่มประสิทธิภาพ ลดส่วนเสริมที่ไม่จำเป็น และการใช้แคชและเทคโนโลยีอื่นๆ
3 การเปรียบเทียบความง่ายในการใช้งาน
3.1 การใช้ Asp.net Ajax
เมื่อรวมกับสภาพแวดล้อมการพัฒนา VS2008 การพัฒนาและการดีบักจะสะดวกมาก
โดยปกติแล้ว หากต้องการใช้ฟังก์ชันที่ซับซ้อน คุณจะต้องลากตัวควบคุมบางส่วนบนเพจโดยไม่ต้องเข้าใจหลักการทำงานเชิงลึก นอกจากนี้ ASP.NET AJAX Control Toolkit สำหรับการเขียนโปรแกรมฝั่งเซิร์ฟเวอร์ยังมีตัวควบคุมอิสระจำนวนมาก การควบคุม AJAX และ ASP.NET ดั้งเดิม มีส่วนขยายฟังก์ชัน AJAX สำหรับการควบคุมเซิร์ฟเวอร์ ซึ่งใช้งานง่ายมากเช่นกัน มีหนังสือ ซอร์สโค้ด และสื่อวิดีโอจำนวนมากบนอินเทอร์เน็ต และยังได้รับการสนับสนุนจากชุมชน Microsoft อย่างเป็นทางการอีกด้วย
3.2 การใช้ Jquery
Visual Studio 2008 sp1 ของ Microsoft รองรับพรอมต์แบบไดนามิกสำหรับ jquery สามารถรับรู้พรอมต์อัจฉริยะได้โดยการนำเข้าสคริปต์ vsdoc ที่เกี่ยวข้องในโค้ดเพจ เฟรมเวิร์กยังมีตัวอย่างจำนวนมาก เอกสารประกอบครบถ้วนมาก และแอปพลิเคชันต่างๆ ได้รับการอธิบายอย่างละเอียด และมีปลั๊กอินสำหรับผู้ใหญ่มากมายให้เลือก
3.3 การใช้งาน Extjs
Visual Studio 2008 ของ Microsoft ยังรองรับไดนามิกพร้อมท์สำหรับ Extjs ตราบใดที่สคริปต์ vswd-ext ที่เกี่ยวข้องถูกนำเข้าไปยังโค้ดเพจ ก็สามารถรับรู้พร้อมท์อัจฉริยะได้ เฟรมเวิร์กยังมีตัวอย่างแหล่งที่มาจำนวนมาก เอกสารประกอบครบถ้วนมาก และแอปพลิเคชันต่างๆ ก็มีการอธิบายโดยละเอียดด้วย