AJAXを使用してファイルからデータを取得する

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

これが動作しない理由を任意のアイデアをいただければ幸いです。

ありがとうございました。

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

      } 
     }); 

コードは動作しますが、.personPopupResultのDIVだけでなく、process.cfmページにすべてのものが表示されます。それは内の要素をターゲットにしているん

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

：

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オブジェクトを印刷してみますか？