尝试使用ajax get从另一个页面获取div及其内容不起作用

Question

我收到一条错误消息： Uncaught SyntaxError: Unexpected token <我正在使用jquery加载，但是我需要传递标头，因此我不能再使用它并且需要使用jquery

我的链接：

<div class="list-group">
     <a class="list-group-item active" href="<?php echo Config::get('URL'); ?>profile/timeline/<?php echo System::escape($this->user->user_id); ?>"><span><?php echo System::translate("Timelime"); ?></span></a> 
     <a class="list-group-item" href="<?php echo Config::get('URL'); ?>profile/about/<?php echo System::escape($this->user->user_id); ?>"><span><?php echo System::translate("About"); ?></span></a>
     <a class="list-group-item" href=""><span>Images</span></a>
     <a class="list-group-item" href="<?php echo Config::get('URL'); ?>profile/friends/<?php echo System::escape($this->user->user_id); ?>"><span><?php echo System::translate("Friends"); ?></span></a>
</div>

我的阿贾克斯

$(function() {  
    $('.list-group-item').click(function(e){

        e.preventDefault();
        $.ajax({
           url:$(this).attr('href'),
           type:'GET',
           success: function(data){
                $('.layout-content-container').fadeOut('slow', function(){
                    $('.layout-content-container').html($(data).find('#inner_main_content').html(), function(){
                        $('.layout-content-container').fadeIn('slow');
                    });
                });
           }
        });
    });
});

我是否将功能放置在正确的位置？

$('.layout-content-container').html($(data).find('#inner_main_content').html(), function(){
     $('.layout-content-container').fadeIn('slow');
});

从其他页面渲染HTML

<div class="col-md-12 layout-content-container">
    <div class="panel panel-default">
        <div class="panel-heading"><strong>Overview</strong></div>
        <div class="panel-body"> blah blah blah </div>

Answer 1

内部单击匿名函数将$（this）.attr（'href'）保留给某些var并这样做，因为在ajax内部，这将指向其他对象。

$(function() {  
$('.list-group-item').click(function(e){
   var ur = $(this).attr('href');
    e.preventDefault();
    $.ajax({
       url:ur,
       type:'GET',
       success: function(data){
            $('.layout-content-container').fadeOut('slow', function(){
                $('.layout-content-  container').html($(data).find('#inner_main_content').html(), function(){
                    $('.layout-content-container').fadeIn('slow');
                });
            });
       }
    });
});

}）;