CODEWITHSUNDEEP
javascriptjqueryhtmlajax
Girish
Girish

Reputation: 1717

How can I run ajax code without web server?

I am running ajax without a server on my system, I have created one index.html with this.

JavaScript function:

function do_the_click(url)
{
alert('inside this method do_the_click');
    $.ajax({
                         async: false,
                         url : url, 
                         contentType: "text/html",
                         type : "GET",
                         dataType : "text/html",                
                         success: function(data){
                         alert('data');
           }});
}

My HTML body content is:

<a href="Java Collections.html" class="button" id="javacollections" onclick="do_the_click('this.href');"/>Java Collections</a>

I'm able to get the this message in alert window inside this method do_the_click but am not able to get the data in alert window, and so not able to get the page Java Collections.html in the index.html,

I have searched very much on Google re. how to load the data locally without using server in jquery.ajax but I didn't find any good solution, so I think that its good for others as well if it resides on Stack overflow.

Upvotes: 3

Views: 19556

Answers (7)

Saurabh Gupta
Saurabh Gupta

Reputation: 449

Now in current scenario it depends upon where your server at. If the server is some place else, it will require CORS (cross origin request). So using file:// with CORS works perfectly.

I came to this question because I was searching for the reason, why I am able to make ajax request without using a web server. Got the answer Thanks!

Upvotes: 0

flyandi
flyandi

Reputation: 1939

This is an older thread but a browser doesn't need to run on a common OS like OSX/Windows/etc .. many people today are making their own browsers from WPE/Wayland or QT5Webkit where same origin policies don't apply.

Upvotes: 0

Girish
Girish

Reputation: 1717

I m able to run the ajax without webserver the problem was with my code the code written below that i had run on my filesystem u can use that as well.

      function do_the_click(brl)
      {
          alert('inside this method do_the_click');
          alert(brl);
          var request  =     $.ajax({
                    async: false,
                    url: brl, 
                    contentType: "text/html",
                    type : "GET",
                    dataType : "html",                
                });

                request.done(function( msg ) {
                          alert(msg);
                          $( "#contentarea" ).load( msg, function() {
                                    alert( "Load was performed." );
                          });
                });

                request.fail(function( jqXHR, textStatus ) {
                          alert( "Request failed: " + textStatus );
                });

      }

Java Collections

Upvotes: 1

Talha Masood
Talha Masood

Reputation: 993

When you are making AJAX requests using stand alone html files, the HTTP request to the url is made by the browser. All you need to make sure is that you have included JQuery. Here is what you have to do.

Include Jquery:

<script src="js/jquery-1.10.2.min.js"></script>

The JQuery here resides in the js folder. This is included in the stand alone html file. Now to make the AJAX request use the following code.

$.ajax({
          type: 'GET',
          url:  url, 

          success: function(data){
              console.log(data);
          },
          async:false
      });

Upvotes: 3

user3140466
user3140466

Reputation:

You cannot do such thing. if you dont have a server you cannot send ajax it will be a cross browser issue. as the others says ajax will not work with file:// protocol you need a server to make an http:// call that ajax supports.

Upvotes: 4

Mister Epic
Mister Epic

Reputation: 16743

You won't be able to do this. If you don't have a server, you will violate the browser's cross-domain policy, as you won't have a domain!

AJAX won't work via the filesystem, you need a server.

Upvotes: 0

user1864610
user1864610

Reputation:

AJAX creates an HTTP request that must be responded to by a server. If you don't have a server you can't use an AJAX request. You can run a server on your computer, but this is not the same as getting a file from the local filesystem.

Upvotes: 1

Related Questions