Simple Jquery/Ajax loading not working

Question

Okay, so I'm trying to make a simple content loader which will evolve into a chat program. As of now I can't even get Jquery's .load() function to work though.

This is the important part my main file:

<script type="text/javascript">
        $(document).ready(function(){
            $("#messages").load('/ajax-chat-load.php');
        });
    </script>

<div id="#messages">[No messages]</div>

And this is whats in /ajax-chat-load.php

echo "Hotdogs are tasty";

Now if my understanding is correct it the main file should call ajax-chat-load.php to load the html inside that to the #messages div when the document is done loading. But the #messages div just keeps the message [no messages].

talha2k · Accepted Answer · 2012-02-24 05:39:16Z

2

# represents id. you can not use it as id = '#messages'

change your code to this:

<script type="text/javascript">
        $(document).ready(function(){
            $("#messages").load('/ajax-chat-load.php');
        });
    </script>

<div id="messages">[No messages]</div>

Hope this helps.

answered Feb 24, 2012 at 5:39

talha2k

25.5k4 gold badges67 silver badges83 bronze badges

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

Comments

Ben Lee · Accepted Answer · 2012-02-24 05:33:20Z

1

You don't put a # in front of the id in html. So do your messages div like this:

<div id="messages">[No messages]</div>

Your jQuery code looks fine (you do put a # in front of the id in the css path you pass to jQuery).

answered Feb 24, 2012 at 5:33

Ben Lee

53.5k15 gold badges129 silver badges146 bronze badges

1 Comment

CyanPrime Over a year ago

Oh, wow. Duh, I'm so stupid rofl. Thank you for pointing that out. I can't believe I didn't notice that before posting:< lol

Collectives™ on Stack Overflow

Simple Jquery/Ajax loading not working

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related