Click here to Skip to main content
13,044,115 members (117,051 online)
Click here to Skip to main content
Articles » Web Development » Ajax » Samples » Downloads

Stats

161.5K views
9.4K downloads
146 bookmarked
Posted 11 Aug 2011

Load Data From Server While Scrolling Using jQuery AJAX

, 26 Apr 2012
This article explains how to implement on-scroll loading data from the server using jQuery as seen on Facebook.
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Web.Services;
using System.Collections.Generic;
using System.Web.Script.Services;

public partial class LoadOnScroll : System.Web.UI.Page
{
    private static int counter = 6;
    protected void Page_Load(object sender, EventArgs e)
    {
        counter = 6;
    }

    [WebMethod]
    public static string GetDataFromServer()
    {
        string resp = string.Empty;
        for (int i = 1; i <= 10; i++)
        {
            resp += "<p><span>" + counter++ + "</span> This content is dynamically appended to the existing content on scrolling.</p>";
        }
        return resp;
    }
}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Praveen Meghwal
Software Developer (Senior)
India India
No Biography provided

You may also be interested in...

Pro
Pro
Permalink | Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.170713.1 | Last Updated 27 Apr 2012
Article Copyright 2011 by Praveen Meghwal
Everything else Copyright © CodeProject, 1999-2017
Layout: fixed | fluid