Load data on page scroll using jquery скачать в хорошем качестве
Load data on page scroll using jquery
10 лет назад
Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...
Повторяем попытку...
Скачать видео с ютуб по ссылке или смотреть без блокировок на сайте: Load data on page scroll using jquery в качестве 4k
У нас вы можете посмотреть бесплатно Load data on page scroll using jquery или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
-
Информация по загрузке:
Скачать mp3 с ютуба отдельным файлом. Бесплатный рингтон Load data on page scroll using jquery в формате MP3:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
Load data on page scroll using jquery
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenka... Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspo... Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help. / @aarvikitchen5572 In this video we will discuss, how to load more data on page scroll using jQuery AJAX. This is similar to Facebook. As you scroll down on the page more data will be loaded. When the page is initially loaded we want to retrieve and display the first 50 rows from the database table tblEmployee. As we scroll down and when we hit the bottom of the page we want to load the next set of 50 rows. Stored procedure Create procedure spGetEmployees @PageNumber int, @PageSize int as Begin Declare @StartRow int Declare @EndRow int Set @StartRow = ((@PageNumber - 1) * @PageSize) + 1 Set @EndRow = @PageNumber * @PageSize; WITH RESULT AS ( SELECT Id, Name, Gender, Salary, ROW_NUMBER() OVER (ORDER BY ID ASC) AS ROWNUMBER From tblEmployee ) SELECT * FROM RESULT WHERE ROWNUMBER BETWEEN @StartRow AND @EndRow End HTML page <!DOCTYPE html> <html> <head> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { var currentPage = 1; loadPageData(currentPage); $(window).scroll(function () { if ($(window).scrollTop() == $(document).height() - $(window).height()) { currentPage += 1; loadPageData(currentPage); } }); function loadPageData(currentPageNumber) { $.ajax({ url: 'EmployeeService.asmx/GetEmployees', method: 'post', dataType: "json", data: { pageNumber: currentPageNumber, pageSize: 50 }, success: function (data) { var employeeTable = $('#tblEmployee tbody'); $(data).each(function (index, emp) { employeeTable.append('<tr><td>' + emp.ID + '</td><td>' emp.Name + '</td><td>' + emp.Gender '</td><td>' + emp.Salary + '</td></tr>'); }); }, error: function (err) { alert(err); } }); } }); </script> </head> <body style="font-family:Arial"> <h1>The data will be loaded on demand as you scroll down the page</h1> <table id="tblEmployee" border="1" style="border-collapse:collapse; font-size:xx-large"> <thead> <tr> <th>ID</th> <th>Name</th> <th>Gender</th> <th>Salary</th> </tr> </thead> <tbody></tbody> </table> </body> </html>
Comments
