problems with jquery $.get

Question

It is not first time I use $.get function, but this time I dont know why it is not working

function test(tid)
  {
    alert("1");
   var ttt;
   alert("2");
   var ddd;
    alert("3");

   $.get("demo_ajax_load.txt", function(result){
    alert("4");
     });
   }

demo_ajax_load.txt is just a text file content is: Welcome

I am getting alert 1,2,3 but it is not showing 4th alert message. everything looks normal here, what is wrong with this simple function?

Thanks

Open the Network tab in Chrome, check the demo_ajax_load.txt request and give us the status. — Simon Edström
– Simon Edström, Commented Jul 4, 2012 at 21:38
api.jquery.com/jQuery.get The 4th alert will only occur if the ajax call succeeded. Apparently it does not. — nbrooks
– nbrooks, Commented Jul 4, 2012 at 21:39
Make sure that the file demo_ajax_load.txt has the right path — epsilones
– epsilones, Commented Jul 4, 2012 at 21:41
I checked Network Tab, but couldnt find anything related to demo_ajax_load.txt — Samir Memmedov
– Samir Memmedov, Commented Jul 4, 2012 at 21:44

balexandre · Accepted Answer · 2012-07-04 22:16:00Z

1

It will probably have nothing wrong as long as you are not testing it locally.

if you're using Google Chrome (I'm using version 20), open the console (press F12) and you will see that you will get an error:

Origin null is not allowed by Access-Control-Allow-Origin.

enter image description here

in Mozilla Firefox, you will get

[object XMLDocument]

but if you do this remotely (in your host), everything will get working normally...

you can see my Live DEMO and open the console to see the output if you like.

my simple jQuery:

$.when(
    $.get("a.txt")
  )
 .done(function(data) { 
    console.log("All done: " + data); 
    $(".txt-from-file").text(data); 
  })
 .fail(function(data) { 
    console.log("Error found: " + data.statusText); 
    $(".txt-from-file").text(data.statusText); 
  });

or you can always simplify more and use:

$.get("a.txt").then(
    function() { alert("succeeded"); },
    function() { alert("failed!"); }
);

edited Jul 4, 2012 at 22:16

answered Jul 4, 2012 at 22:01

balexandre

75.4k47 gold badges240 silver badges352 bronze badges

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

4 Comments

Samir Memmedov Over a year ago

I have aded console.log commands, tryed it on chrome, pressed F12, it showed me js script code, I didnt get any error

Samir Memmedov Over a year ago

and I am doing it on server, I am on dedicated web server

Samir Memmedov Over a year ago

Sorry , wait, let me look at console, I mis looked before

Samir Memmedov Over a year ago

I am having bunch of errors : 1- cant open css not important I think 2- mischandler is not defined index.php:735 3-Failed to load resource: the server responded with a status of 404 (Not Found) swfobject_modified.js Uncaught TypeError: Object function $(element) { if (arguments.length > 1) { for (var i = 0, elements = [], length = arguments.length; i < length; i++) elements.push($(arguments[i])); return elements; } if (Object.isString(element)) element = document.getElementById(element); return Element.extend(element); } has no method 'get' countdown.js:7

Samir Memmedov · Accepted Answer · 2012-07-04 22:53:27Z

0

Ok Thanks for trying to help me , I found solution, I should use jQuery instead of $ , and it worked

answered Jul 4, 2012 at 22:53

Samir Memmedov

1471 gold badge2 silver badges11 bronze badges

Collectives™ on Stack Overflow

problems with jquery $.get

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related