javascript - 进行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。