0

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

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

问题

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

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

** 3 次 ajax 调用的内容不同。而且我对它们中的每一个都有单独的 JSP 文件。

4

2 回答 2

1

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

qtip 将显示 onmouseover，以及您在填充下拉列表时设置的描述。

于 2011-01-18T18:35:42.987 回答
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 和 init niceforms 和 qtip。

于 2011-01-18T19:56:57.170 回答