Question

我正在构建一个气泡工具提示，当光标悬停在用户名上时，该工具提示应显示用户个人资料信息。我已经使用硬编码文本，但是当我尝试使用AJAX请求使用动态数据填充工具提示时，它只是不返回任何内容。

要检索的数据位于文件process.cfm中。该文件如下所示：

<div class="personPopupResult">Test text</div>

调用该文件的代码如下：

$.ajax({  
    type: 'GET',  
    url: 'process.cfm',  
    data: '?id=' + currentID,  
    success: function(data) {  
        var text = $(data).find('.personPopupResult').html();  
        $('#personPopupContent').html(text);  
    }  
});

任何想法，为什么这不起作用将不胜感激。

感谢。

编辑：

 $.ajax({
            type: 'GET',
            url: 'process.cfm?=id' + currentID,

            success: function(data){

                $('#personPopupContent').html(data);

                if ($(data).find('.personPopupResult').length) {
                    var text = $(data).find('.personPopupResult').html();
                    $('#personPopupContent').html(text);
                }

            }
        });

代码有效，但在process.cfm页面中显示所有内容，而不仅仅是.personPopupResult div。

Answer 1

试试这个：

$.ajax({  
    type: 'GET',  
    url: 'process.cfm?=id' + currentID,   

    success: function(data) {  
        //actually here you should better write following
        //$('#personPopupContent').html(data); 
        // but if not works try this
        if ($('#personPopupContent').length)
        {
          alert(' $(#personPopupContent) not found!');
        }
        if ($(data).find('.personPopupResult').length)
        {
        var text = $(data).find('.personPopupResult').html();  
        $('#personPopupContent').html(data);  
         }
       else
        {
        $('#personPopupContent').html('Ups error here!');  
       }
    }  
});

Answer 2

尝试使用以下内容打印jQuery对象

console.log($('#personPopupContent'));

它是否有目标元素？

使用AJAX从文件中检索数据

2 个答案: