进行ajax调用并在qtip中显示内容

Question

我正在为下拉列表编写代码。下拉列表是根据数据库中的数据填充的。因此，我进行了 2 个 ajax 调用，一个是在 onmouseover 事件上填充下拉列表的内容，另一个是在选择特定选项时进行 ajax 调用以将相关内容显示在屏幕上。

现在我想进行另一个 ajax 调用来获取将鼠标悬停在特定选项上时可以填充的内容。 ajax调用得到的内容可以显示在小对话框中。为了实现这一点，我安装了 qtip 库。

问题

我不明白如何进行ajax调用。哪个更适合实现这一目标？我知道 qtip 是在页面加载时加载的。但因为我想进行 ajax 调用来获取将鼠标悬停在选项上时显示的消息内容。有什么建议吗？

我还在某处读到，一次不能进行超过 2 个 ajax 调用。

** 3次ajax调用的内容不同。我为每个文件都有单独的 JSP 文件。

Answer 1

您可以这样做，

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

这将进行一次 AJAX 调用，填充 select 并初始化 Niceforms 和 qtip。

Answer 2

当您进行 AJAX 调用来获取下拉列表内容时，您还可以返回要为每个列表项显示的描述，并将它们影响到相应的 qtip。

qtip 将在鼠标悬停时显示，并显示您在填充下拉列表时设置的说明。