jquery ajax request does not return expected content

Question

I'm new to jQuery and Ajax. I'm following a tutorial, and having a problem with this.

I have an anchor tag with id getcomments and the following JavaScript:

<script>
$(function() {
   $('#getcomments').click(function() {
       $.ajax({
          url       : "req.html",
          success   : function(response) {
               console.log(response);
          }
       });
       return false;
   });
});

And an HTML file called req.html in the same folder with a mock comment.

When I inspect the log I only get the "document" in firebug, and no actual get request.

I've tried doing something actual in the success function also, appending the response.

Nothing happens, what am I doing wrong here?

you could use console.log() in the first line of the click function to check if the event is triggered and perhaps provide us with some more info. — zaoudis
– zaoudis, Commented Nov 21, 2011 at 22:14
How do i provide the html? it dosent allow me to post the html here — Paragonbliss
– Paragonbliss, Commented Nov 21, 2011 at 22:20
@Paragonbliss Of course it does. Make it be code. <script> tags are HTML, btw. — Dave Newton
– Dave Newton, Commented Nov 21, 2011 at 22:22
Use a jsFiddle to post your thml and javascript and link to it — Rich O'Kelly
– Rich O'Kelly, Commented Nov 21, 2011 at 22:23

Dave Newton · Accepted Answer · 2011-11-21 22:34:47Z

1

If it's a local file it won't make a request.

That you see Document in Firebug means it's working. Set the contents of a div to the response, after adding a dataType: "html" to the Ajax call--it will be the contents of the HTML file.

  $(function() {
    $('#getcomments').click(function() {
        $.ajax({
           url       : "req.html",
           dataType  : "html",
           success   : function(response) {
             $("#foo").append(response);
                console.log(response);
           }
        });
        return false;
    });
  });

answered Nov 21, 2011 at 22:34

Dave Newton

161k27 gold badges263 silver badges310 bronze badges

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

4 Comments

Paragonbliss Over a year ago

How do i do that, im not entirely sure how you mean

Dave Newton Over a year ago

@Paragonbliss How do you do what? Cut and paste?

Paragonbliss Over a year ago

Sorry the code wasent there when i commented, but thank you very much that worked, before the datatype i tried what you said, but i was getting an error saying the node couldent be inserted in the hierachy at that point, anyways sorry i am so newbish to this, but this helped me, thank you :)

Dave Newton Over a year ago

@Paragonbliss It was assuming an XML document; clicking on the Document line in Firebug will show you what the browser (thinks it) knows about the requested document. Glad you worked it out :)

Collectives™ on Stack Overflow

jquery ajax request does not return expected content

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related