使用codeigniter和ajax在sidePanel中显示在线用户

Question

侧面板代码： -

<div id="slide_panel">
    <div id="showusers"></div>
        <div id="holder">
            <div id="stick"><span>Chat</span></div>
        </div>
</div>

Sidepanel的Javascript： -

<script type="text/javascript">
$(document).ready(function(){
var stick = $('#stick');
var panel = $('#slide_panel');
var left  = $('#stick').offset().left; 
var right = $('#stick').offset().right; 
    $("#stick").on('click',function(){
        $("#slide_panel").toggleClass("anim");
    });

});
</script>

现在，当我点击聊天按钮时，它会显示侧面板，并且我希望显示在线用户使用ajax进行聊天。 我想在此DIV中显示在线用户列表： - “<div id="showusers"></div>”

Answer 1

 $("#stick").on('click',function(){
    $("#slide_panel").toggleClass("anim");
    // simplest
    $("#showusers").load('/your/controller/which/returns/userlist/');
    /*
    .. or ..
    $.get('/your_controller/',function(response){
        $("#showusers").html(response);
    });
    */
});