qtipでajaxを呼び出して内容を表示する

Question

私はドロップダウンリストのコードを書いています。ドロップダウンリストには、データベースからのデータが入力されています。そこで、私は2つのajax呼び出しをイベントonmouseoverでドロップダウンリストの内容に取り込み、もう一方はajax呼び出しを使って関連する内容を画面に表示するようにしています。

今、別のajaxコールを作成して、特定のオプションにカーソルを置いたときに入力できるコンテンツを取得したいとします。 ajax呼び出しから取得した内容を小さなダイアログボックスに表示することができます。これを達成するために、私はqtipライブラリをインストールしました。

問題

私はAJAX呼び出しを行うことがどのようになっていません。これはこれを達成するのにも適していますか？私はqtipがページの負荷を積んでいることを知っています。しかし、私はオプションの上にホバリングして表示されるメッセージの内容を得るために、ajax呼び出しを行いたいので。助言がありますか？

私は、一度に2つ以上のajaxコールを行うことはできないとも読んでいます。

** 3つのajax呼び出しの内容が異なります。そして私はそれぞれのJSPファイルを別々に持っています。

Answer 1

あなたは、1つのAJAX呼び出しを行うことを選択し、init niceformsやQティップを取り込みます。この

$('.link').mouseover(function(){ 
    $.ajax(
     /* Retrieve de options for the select and fill each 
     title attribute with the information*/); 
     url: "retrieveinfo.jsp", 
     type: "GET", 
     data: ({id : 'itemsId'}), //pass the data in JSON form 
     dataType: "html", 
     success: function(msg){ //msg contains the html output or you could request XML (or JSON) 
      $('#info').html(msg); 
      NFinit(); 
      tooltip.init(); 
     } 
}); 

を行うことができます。

Answer 2

ドロップダウンリストの内容を取得するためにAJAX呼び出しを行うと、各リスト項目に表示する説明を返して、対応するqtipに影響を与えることもできます。

qtipにはonmouseoverが表示され、ドロップダウンリストに入力するときに設定された説明が表示されます。