使用变量从ajax获取DIV

Question

我试图通过在数据属性中传递一个变量来使用ajax来加载一个特定的div，但我认为我的语法有问题。我也无法使用.load（）工作。 谁能告诉我我做错了什么？

$('a.load-project').click(function(e) {
                e.preventDefault();
                var toLoad = $(this).data('project');
                toLoad = '#'+toLoad;
                loadProject(toLoad);                                    
            });

function loadProject(projectDiv) {

            $.ajax({
                url: 'projects.html',
                dataType: 'html',
                data: {'id':projectDiv},
                success: function(data){
                    $('.project-load-area').html(data).slideDown();
                }
            });
        }

编辑：我用这种方式工作：

 $('.project-load-area').load('projects.html #'+toLoad ).slideDown();

获得有关AJAX的longform版本的帮助会非常有用。

Answer 1

使用$ .ajax的等价物是：

 $.ajax({
     url: 'projects.html',
     dataType: 'html',
     data: {
         'id': projectDiv
     },
     success: function (data) {
         $('.project-load-area').html($(data).find('#projectDiv').html()).slideDown();
     }
 });