Load Another Webpage Content Using Simple Jquery

This Tutorial Has Been Viewed 3,197 Times.

Guys here we are gonna see how we can load another webpage content using jquery, very simple to use.

Code:

1. HTML Page

Here is the code of “test.html” file

<head>

<title>Content Showing Script</title>

<script type=”text/javascript” src=”jquery-1.2.6.js”></script>

<script type=”text/javascript”>

function content()

{

$.ajax({

url : “getpage.php”,

success : function (data) {

$(“#content”).html(data);

}

});

}

</script>

</head>

<body>

Get The Content<br><input type=”button” value=”Get Data” onClick=”

content();”><br><textarea id=”content” rows=”10″ cols=”50″></textarea>

2.  Edit the GETPAGE.PHP page and add this script

<?php

echo “This is a test Page<br>”;

echo “From Mistonline.in <br>”;

</body>

</html>

Hope this tutorial helped you a lot.Thanks

VN:F [1.9.13_1145]
Rating: 6.2/10 (6 votes cast)
VN:F [1.9.13_1145]
Rating: +1 (from 5 votes)

Load Another Webpage Content Using Simple Jquery, 6.2 out of 10 based on 6 ratings

Incoming search terms:

Leave a Reply

Spam protection by WP Captcha-Free

Proudly designed by Mistonline.in.
Affordable Seo PackagesSeo BlogEdu Backlinks
More in Jquery (11 of 15 articles)