Simplest way to use Ajax with jquery inbuilt function

Most of the time we use very complex methods to implement ajax in any javascript library. The easiest we ever seen is of jquery.

Since we are fan of jquery so we using its simplest way to implement ajax.

Scenario:

We have html as :

<div id="target"></div>
<a href="#" class="click">Click me</a>

Now, we have to fill this div (target) on clicking hyperlink “click” with some external file , say “source.php”, using Ajax (without refeshing whole page).

Content of “source.php”:

 <?php
echo $_POST['name'].' and '.$_POST['class'];
?>

Jquery code for ajax :

$('.click').click(function(){
var postdata = "name=stone&class=fouth";
$.ajax({type: "POST",url: "source.php",data: postdata,success: function(msg){$('#target').html(msg)}});
});

and if you don’t want to pass a string from current page , you can use , the easiest way

$('.click').click(function(){
$('#target').load('someurl.php');
});

Content of “source.php”:

 <?php
echo 'stone and fourth';
?>

Thats it!!

Now when you will click on hyperlink , target div will fill with “stone and fourth” , without refreshing the whole page.

Cheers!

Recently Published

»

Kubernetes: Why Today’s Programmers Need to Understand

Launched by three Google engineers, Kubernetes is a container ...

»

Do I Need Endpoint detection and response tools ?

Endpoint detection and response (EDR) tools are designed to add an ...

»

How to Build a Killer Marketing Strategy for your WordPress Blog?

Running a blog over WordPress is seemingly an easy thing to do. The ...

»

5 Signs You Need a New Hosting Company

Web hosting has become cheaper and easier to attain than ever before. ...

»

5 Things to Consider When Designing A Logo For Your Startup

Designing a Logo is essential because it communicates your business. ...

»

What Is Access Control?

Access Control, When running a business, there are dozens of things ...

»

Process Management Solution For a Business

In order to be successful, a company needs to be on the same page and ...

»

5 Metrics You Should Track on Every Blog Post

As a blogger, you may have developed your blog with a variety of blog ...

»

3 of the Most Dynamic LMS Plugins for WordPress

The possibilities are limitless when you want to put a course online ...