Featured
-
Top 10 Template Engines for JavaScript
What is a Template engine? Template Engines are
by nishant.mishra -
jQuery Accordion
Hello readers! In this Blog we will gain knowled
by vishwanath.rana -
How to make Numbered and bulleted list in HTML Editor with JavaScript
Hello all, Working with HTML Editor we wanted t
by gaurav.gautam -
How to hide particular div with just one click?
Hi, you want a condition in which the particula
by abhishek.tiwari.458 -
How to Create and Retrieve Array in Javascript?
If you want to store multiple values in a single v
by siddharth.shahi
Tags
How to post a comment on blog using Ajax?
Hello Reader's , If you have developed the blogging website and you want to make commenting via ajax then this article will be very helpful for you. You can develop commenting function with many ways but if you use ajax then you can speed up ...
How to make ajax searching in codeigniter?
Hello Reader's, If you are making searching and want to look it as ajax which show records then this blog is helpful to you. In this blog, we will make it for CodeIgniter framework. Ajax searching will show the matching results from the typed...
How to make visitor counter using ajax and php
Hello Reader's, If you want to get the records of visitors that visits your webpage then in this blog you can learn and build your own. Here we will develop it by using PHP and Ajax.
Page counters are easy to get and install but if you w...
Loading simple data with the help of ajax
If we want some part of our website to load but we dont want other part to be loaded for this purpose ajax is used . Ajax stands for Asynchronous JavaScript and XML it helps us to load particular part of the page but not the whole ...
jQuery $.ajax()
$,ajax() allows to make an ajax call.
This method provide more control than any other method.
In the ex below all the parameters and comment related to each parameter describe the purpose of each one.
var ajaxUrl = "Json.htm";
...
AJAX XMLHttp
XMLHttpRequest object is used to exchange the data with the server without loading the whole page.
XMLHttpRequest is supported by all new browser.
Those who do not support, support ActiveXObject.
For declaring in the code
if...
Performing live serach using AJAX and PHP
Here in this blog i have used AJAX to search and provide result on the whenever user enter any character in the textbox. The result is coming from a PHP page. Ajax search is used for making the code easy to understand and for saving the users tim...
AngularJS http (ajax)
AngularJS has provided a $http service that works as an ajax call in jquery. It performs a function of reading data from the server. $http makes a call to the database and retrieves the desired data or records.
How to use?
1. you need to in...
Jquery ajax json response
There is a need to set dataType in the ajax if you expect to get json response .
$.ajax({
url: "/accept",
type: "POST",
data: myformData,
context: this,
error: function () {},
dataType: 'json',
success : fun...
Ajax request in YUI
Here is the simple example of YUI ajax with Post and Get method:
POST request:
var callback = {
success: function(o){
alert(o.responseText);
},
fa...
Abort the current XMLHttpRequest in AJAX?
For this operation we have a function abort().
Here is the process code.
var xhr;
xhr = $.ajax({
url: 'ajax/userDetails/user_id/3',
success: function(data) {
console.log(data);
}
})
fn();
//Abort the Ajax...
How to set form action via ajax
Hello Reader's
If you want to make your form reusable and set the action dynamic via ajax, Then you can make the ajax call like in the example below:-
<form id = 'idForm'>
...
</form>
and the script will go like this...
How to make lazy load of html page contents using Javascript
Hello Reader's!
If you are looking to make your website pages more dynamic and light that loads the html sections as user scrolls down, Then you can use the code below:-
First thing is to make some corrections on the html page like. you need...
How to show loading icon while page is loading
Hello Reader's, If your webpage is taking too long to take data from database and you want to fix a loading icon for the time then you can use the following Javascript based code for that:-
First Step:-
Write the following code just after yo...
How to use Generic bind() Function
Here's an example of a generic bind() function, applied directly to an anonymous event handler. The object in XML Request gets bound to its onreadystatechange() event. The search string variable is being pre-applied as well. when the parseMes...
Fetching JSON using angular JS
The controller defines a dependency to the $scope and the $http module. An HTTP GET request to the countries.json end point is carried out with the get method. It returns a $promise object with a success and an error method. Once successful, the ...
Send JSON Objects with an ajax request
Hi,
To send an ajax request, we have number of functions in jQuery. But to send JSON object along with the request, I chose jQuer.ajax(). It takes various parameters url, type, data, dataType, beforeSend etc.
See below steps
jQuery.aja...
Ajax call using Javascript and JQuery
Ajax :
It is s process of getting or reteriving the content without refreshing the whole page.
We can do this using javascript and JQuery.
There are different method for ajax call in javascript and jquery.
Javascript :
<script...
Adding data to jqxtree dynimacally on click of nodes of a tree using AJAX call
There might be a case where user wants to add data to jqxtree on click of each individual node. Below is the code which help us to achieve the above
functionality where user can get data from JSON file or database on click of each individual tre...
