jquery $.get() not working on localhost

Question

I'm trying to use jquery $.get() to obtain values from a server file. Both files are currently on my machine in the /var/www directory (using linux).

I am aware of the cross-domain restriction for ajax, hence I placed the two files in /var/www.

The "client" file (f1.htm) is:

<!DOCTYPE html>
<html>

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

<body>

<script type="text/javascript">
    $.get( "f11.htm", function( data, status ){ alert( "1" ); } );
/*
    xmlhttp=new XMLHttpRequest();
    xmlhttp.open("GET","f11.htm",false);
    xmlhttp.send();
    alert( xmlhttp.readyState + " " + xmlhttp.status );
*/
    alert( "2" );
</script>

</body>

</html>

while the "server" script (f11.htm) is simply:

<html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>
</head> 

<body>

<?php
echo "server text";
?> 

</body>

</html>

the client script ("f1.htm") gets stuck at the $.get() line. I've tried this with xmlhttprequest (which is commented), and it works. why is the $.get() line not working?.

TIA

What do you mean it gets stuck? Is the jQuery file in the same directory? — Tim B James
– Tim B James, Commented Mar 27, 2013 at 14:46

Community · Accepted Answer · 2014-04-15 23:07:57Z

2

You can try this code to examine the error function being returned instead of the shorthand $.get.

$.ajax({
  type:'GET',
  url: 'f11.htm',
  data: {},
  success: function(data) {
   console.log(data); 
  }, error: function(jqXHR, textStatus, errorThrown) {
   console.log(errorThrown); 
  }
});

edited Apr 15, 2014 at 23:07

CommunityBot

11 silver badge

answered Mar 27, 2013 at 17:04

Garrett

1,6882 gold badges18 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

mzzxx11 Over a year ago

ok...I've checked the FF error console. it shows: "$ is not defined".

Garrett Over a year ago

$ should stand for jQuery? jQuery is not defined?

Garrett Over a year ago

try entering '$(document)' into the firefox console. it should return the document html if jQuery is working.

mzzxx11 Over a year ago

tnx. $(document) gives: "no element found"

Nathaniel Wendt Over a year ago

not sure if this is thread is dead or not, but '$ is not defined' could mean you defined a jquery file before including the jquery package file.

Collectives™ on Stack Overflow

jquery $.get() not working on localhost

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related