Question

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

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

问题

我没有得到如何调用ajax。哪个甚至适合实现这一目标？我知道qtip加载了页面的onload。但是因为我想进行ajax调用以便在将鼠标悬停在选项上时显示消息的内容。有什么建议吗？

我还读过某个地方，你不能一次拨打超过2个ajax。

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

Answer 1

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

qtip将显示onmouseover，以及填写下拉列表时设置的说明。

Answer 2

你可以这样做

$('.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和init niceforms以及qtip。

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

2 个答案: