CODEWITHSUNDEEP
phpjqueryhtmlajax
user3811050
user3811050

Reputation: 477

Page not loading with AJAX

I am new to AJAX & trying to load a page (test.html) through ajax in to a DIV. I just want to know that is it possible to use AJAX without PHP server (which I am not using at present) or is there any error in the code:

My index.html file is as under:

<! doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/hwcb.css">
</head>
<body>
      <input type="button" value="Load" class=”loadpage1”/>
       <div id="loadpagea1"></div>

  <script src="jquery.js"></script>
<script src="css.js"></script>
<script src="main.js"></script>
  </body>
  </html>

my test.html file:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
We belongs to a great nation
</body>
</html>

main.js page:

$('.loadpage1').click(function(){
$.ajax({
url:'test.html',
success:function(data){
$('#loadpagea1').html(data);
}
});
});

Upvotes: 2

Views: 72

Answers (4)

vaneayoung
vaneayoung

Reputation: 363

you have html syntax error, see quotes class=”loadpage1” change with class="loadpage1"

Upvotes: 0

Abhisek Malakar
Abhisek Malakar

Reputation: 899

            $(document).ready(function(){
                $('.loadpage1').click(function(){
                $.ajax({
                url:'test.html',
                success:function(data){
                var data = $(data);

                $('#loadpagea1').html(data.find('body').html());
                }
                });
                });

            })

Try this

Upvotes: 0

Umesh Sehta
Umesh Sehta

Reputation: 10683

Try this,

var jqXHR = $.ajax({
        url: "/test.html",
        type: "get",
        contentType: "text/html; charset=utf-8",
        async: false,
        success: function (result) {
        }
    });
    $('#loadpagea1').html(jqXHR.responseText);

Upvotes: 0

Rory McCrossan
Rory McCrossan

Reputation: 337550

I just want to know that is it possible to use AJAX without PHP server

Assuming by this you mean without any server in general, then no it is not. You cannot make an AJAX request to the local file system as it will be blocked by the browsers' security settings.

You need to make the request to a server, either local or remote. I would suggest setting up an XAMP server for PHP, or IIS for ASP.Net.

Upvotes: 1

Related Questions