I need some help with the Load function in JQuery

Question

I currently have links w/ class="ajax" that I want to retrieve the element with id="test" from the file "data.html" in the same directory, and put that content into the id="content" div on my page:

<script>
$(document).ready(function(){
    $("a.ajax").click(function(event){
    $("#content").load("/data #test");
    });
});
</script>
<a class="ajax" href="#">Text</a>
<div id="content"></div>

and externally, but in the same directory, I have data.html:

<div id="test">Will this show up?</div>

On the clicking of the anchor, Safari reports "page loading interupted", and no change occurs.

I definitely have JQuery called in the header. Can I get some help with this function? Thanks!

Paolo Bergantino · Accepted Answer · 2009-05-10 18:18:47Z

1

You have /data but the file is /data.html, assuming you're in the root. :)

I just tested what you have with this change and it works fine for me. I also recommend you get a tool like Firebug so you can easily see what your AJAX requests are doing.

answered May 10, 2009 at 18:18

Paolo Bergantino

490k83 gold badges523 silver badges437 bronze badges

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

1 Comment

Alex Mcp Over a year ago

Great help, thanks. It's so hard to not work in an environment where I can just lean over in my chair and say "Hey, what' wrong with this?". Stack Overflow is so useful!

ankitkanojia · Accepted Answer · 2020-01-27 04:39:54Z

0

$.ajax({
    url: "data.html",
    type: "POST",
    success: function (answer) {
        $("main_content").html($(answer).find("div#content_id").html());
    }
});

I hope it will help you.

edited Jan 27, 2020 at 4:39

ankitkanojia

3,1224 gold badges24 silver badges37 bronze badges

answered May 10, 2009 at 18:22

Artem Barger

41.3k9 gold badges61 silver badges81 bronze badges

Collectives™ on Stack Overflow

I need some help with the Load function in JQuery

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related