ASP+jQuery+JSON โหลดเนื้อหา v1.1 เพิ่มเติมโดยไม่ต้องรีเฟรช

เราจะเห็นแอปพลิเคชันดังกล่าวในคอลัมน์ความคิดเห็นบางส่วน เช่น เว็บไซต์ของ Tencent รายการไม่ได้ใช้แถบเพจ แต่จะโหลดระเบียนจำนวนหนึ่งและแสดงบนหน้ารายการแทน หน้ารายการ เขาหรือเธอสามารถคลิก "โหลด" เพิ่มเติม" เพื่อดูบันทึกเพิ่มเติมได้ ชาวเน็ตบางคนรายงานว่าความเร็วในการโหลดจะช้าเมื่อมีข้อมูลจำนวนมาก เวอร์ชันนี้เปลี่ยนวิธีการอ่านพื้นหลังและเพิ่มความเร็วเอาต์พุต

หลักการ: เมื่อโหลดเพจแล้ว jQuery จะร้องขอข้อมูลจากพื้นหลัง โปรแกรม ASP จะแสดงบันทึกล่าสุดบนหน้ารายการโดยการสอบถามฐานข้อมูล มีลิงก์ "เพิ่มเติม" ที่ด้านล่างของหน้ารายการ ระบบจะส่งข้อมูลไปยังเซิร์ฟเวอร์ ส่งคำขอ Ajax โปรแกรม ASP พื้นหลังได้รับพารามิเตอร์คำขอและตอบสนอง รับบันทึกที่เกี่ยวข้องจากฐานข้อมูลและส่งกลับไปยังส่วนหน้าในรูปแบบ JSON jQuery หน้าสุดท้ายแยกวิเคราะห์ข้อมูล JSON และผนวกข้อมูลเข้ากับหน้ารายการ

การกำหนดค่าพารามิเตอร์ jquery.more.js

'amount':'4',//จำนวนบันทึกที่แสดงแต่ละครั้ง

'address':'',//ขอที่อยู่พื้นหลัง เว้นว่างไว้ที่นี่

'format':'json',//รูปแบบการส่งข้อมูล

'template':'.single_item',//html บันทึกแอตทริบิวต์คลาสของ DIV

'trigger':'.get_more',//ทริกเกอร์แอตทริบิวต์ class เพื่อโหลดบันทึกเพิ่มเติม

'scroll':'false',//ไม่ว่าจะรองรับการโหลดแบบทริกเกอร์การเลื่อนหรือไม่

'offset':'100',//การชดเชยเมื่อเลื่อนจะทำให้เกิดการโหลด