Abrufen von Daten aus der Datei mit AJAX

Question

Ich erstelle eine Tooltip-Blase, die Benutzerprofilinformationen anzeigen soll, wenn der Cursor über dem Benutzernamen steht. Ich habe es mit hart codierten Text arbeiten, aber wenn ich versuche, den Tooltip mit dynamischen Daten mit AJAX-Anfrage zu füllen, gibt es nichts zurück.

Die abzurufenden Daten befinden sich in der Datei process.cfm. Die Datei sieht wie folgt aus:

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

Der Code, der die Datei nennt, ist wie folgt:

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

Irgendwelche Ideen, warum dies nicht würde funktioniert sehr geschätzt.

Danke.

EDIT:

$.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); 
       } 

      } 
     }); 

-Code arbeitet, zeigt aber alles in process.cfm Seite, nicht nur .personPopupResult div.

Answer 1

Try this:

$.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

Drucken Sie jQuery Objekt mit:

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

Ist es innerhalb gezielt Element haben?