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

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

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

โปรแกรมนี้ได้รับการแก้ไขจาก: jQuery+PHP เพื่อเรียกดูเนื้อหาเพิ่มเติม การกำหนดค่าพารามิเตอร์ jquery.more.js 'amount':'4', //จำนวนบันทึกที่โหลดแต่ละครั้ง 'ที่อยู่':'', //ขอที่อยู่ของ พื้นหลัง ที่นี่ เว้นว่างไว้ 'format':'json',//รูปแบบการส่งข้อมูล 'template':'.single_item',//html บันทึกแอตทริบิวต์คลาสของ DIV 'trigger':'.get_more',//ทริกเกอร์คลาสไปที่ โหลดบันทึกเพิ่มเติม แอตทริบิวต์ 'เลื่อน': 'เท็จ' // ไม่ว่าการโหลดทริกเกอร์การเลื่อนจะได้รับการสนับสนุน 'ออฟเซ็ต': '100' // การชดเชยเมื่อเลื่อนทริกเกอร์การโหลด