Category :- jQuery

How to Implement IMBD API using jQuery AJAX

Last Updated: February 13, 2017

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. (more…)

Example: JQuery AJAX to Call an API

Last Updated: February 9, 2017

Example JQuery AJAX to Call an API

One of the best features o f jQuery AJAX is to load data from external website by calling their API’s, 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’s provide with the complete weather information for any location on Earth including over 200,000 cities. Their API’s provide the response in JSON format. (more…)

How to Create a Web Scraper in ASP.NET MVC and jQuery

Last Updated: February 9, 2017

web scraper

A Web Scraper is a software that helps in extracting data from websites. They can be use to extract typical information like emails, telephone numbers, addresses, etc from different URL. This extracting technique is also known as Data Harvesting. I created this tutorial to teach how to create your own Web Scraper in ASP.NET MVC and jQuery. This Scraper will extract all emails and telephone numbers from a specified URL and show them in a HTML div control. (more…)

How To Use jQuery To Scroll To A Specific Element

Last Updated: February 1, 2017

jQuery scroll to element

With jQuery you can create excellent ways to increase the interaction with the users. One such way is by creating jQuery Scroll to Element feature. With this feature you can create internal links on your web page, when a person clicks on any such link 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. (more…)

How To Implement jQuery Infinite Scroll Feature For Auto Paging

Last Updated: January 30, 2017

jquery infinite scroll

The jQuery Infinite Scroll feature has become quite common now days. Different websites including Facebook and Twitter are 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 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. (more…)

jQuery AJAX Events Complete Guide for Beginners and Experts

Last Updated: January 23, 2017

jQuery AJAX Events

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

There are 6 different jQuery AJAX Events:
  • 1. ajaxStart()
  • 2. ajaxSend()
  • 3. ajaxSuccess()
  • 4. ajaxComplete()
  • 5. ajaxStop()
  • 6. ajaxError()
(more…)

jQuery Post Complete Guide for Beginners and Experts

Last Updated: February 12, 2017

jquery post

The jQuery Post function 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

[js] jQuery.post( url [, data ] [, success ] [, dataType ] ) [/js] (more…)

jQuery Get Complete Guide for Beginners and Experts

Last Updated: January 23, 2017

jquery get

The jQuery Get function is used to make AJAX calls and can be helpful to update a web page with no page reloading. It uses HTTP GET method to initiate an AJAX request and fetch data from the external pages. Let us understand all about this method in details. (more…)

jQuery AJAX Complete Guide for Beginners and Experts

Last Updated: February 9, 2017

jquery ajax

AJAX stands for “Asynchronous JavaScript and XML“. A Web Developer uses jQuery AJAX to update parts of a web page without reloading the whole page (also known as “Partial Page Refresh”). The ajax() method is used to perform AJAX operations in jQuery. Using the ajax() function you can fetch data from Text, HTML, JSON, XML or any external file with no page reloading. Once this data is fetches, you can easily show it in a div, textbox or any other HTML control.

Syntax of jQuery AJAX Method

[html] $.ajax({name:value, name:value, .. }) [/html] (more…)

jQuery Load Complete Guide For Beginners and Experts

Last Updated: January 25, 2017

jquery load

The jQuery Load method is the simplest yet powerful enough to fulfil all your AJAX needs. It can load data from any server files or database and places this into the matching element. All this is done with no page reloading.

jQuery Load Syntax

Its syntax is given below: [js] $(selector).load(url,data,callback); [/js] (more…)