Tutorials on ASP.NET Core, Blazor, jQuery, JavaScript, Entity Framework, Identity, WordPress, SQL, HTML & more

Bind GridView with Paging using jQuery Load with No Page Refresh

In this GridView tutorial you will learn how to bind it with AJAX. Here I will "not use" controls of ASP.NET AJAX toolkit, I will just use jQuery to do the binding job. The GridView will function normally but there won’t be any page PostBack during the binding process & pagination.

In this application I am using two ASP.NET pages – first one is where this GridView will be shown while the second page is where the GridView actually resides.

How to Implement IMBD API using jQuery AJAX

By implementing IMDB API in a website you can show the visitors all movies, actors and series information, right in our website. Here I will implement the IMDB API using jQuery AJAX method.

The first thing is to create your free IMDB API key from here.

The IMDB API Application

The application is quite simple. Firstly, create an HTML page and add a text box and a button.

A user enters his search text into this text box and clicks the button. On the button click, the API call is made and the result is fetched and shown to the user.

Example: How to use JQuery AJAX Method to Call an API

One of the best features of jQuery AJAX Method is to load data from external website by calling APIs, and get the response in JSON or XML formats. In this example I will show you how easy it is to make such API calls in jQuery AJAX.

OpenWeatherMap API

The OpenWeatherMap API provides the complete weather information for any location on Earth including over 200,000 cities. This API provides the response in JSON format.

How to use jQuery to Scroll to a Specific Topic on the page

With jQuery you can create excellent ways to increase the interaction with the users. One such way is by creating a jQuery Scroll to Element feature. With this, you can create internal links on your web page, and when a person clicks on any such link then he is scrolled to the specific element.

This is very handy specially when the web page is quite large and with these internal links users are taken directly to the specific topics on the page.

How To Implement jQuery Infinite Scroll Feature For Auto Paging

The jQuery Infinite Scroll feature has become quite common now days. Different websites including Facebook and Twitter are already using it. This feature helps in creating Auto Paging (not link-based paging) in a web page so when a user scrolls down to the bottom, the next page's content are automatically loaded. This continues on and on.

This feature is not only fast but also very good for the visitors as they don’t have to click on the page links given at the bottom of the web page.

jQuery AJAX Events Complete Guide for Beginners and Experts

When there is an AJAX call then the jQuery AJAX Events are fired during the life cycle of this AJAX call. We can use these events to show custom message to users, or do other operations.

• 1. ajaxStart()
• 2. ajaxSend()
• 3. ajaxSuccess()
• 4. ajaxComplete()
• 5. ajaxStop()
• 6. ajaxError()

jQuery Post Complete Guide for Beginners and Experts – Examples & Codes

The jQuery Post method is an AJAX method that fetches data from the server using HTTP POST. You can use it to call server page like .php or .aspx.

Let us understand all about the jQuery Post method in details.

Syntax of jQuery Post Method

jQuery.post( url [, data ] [, success ] [, dataType ] )