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

小编典典

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

ajax

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

现在，我想再次调用ajax来获取可以在将鼠标悬停在特定选项上时填充的内容。从ajax调用获得的内容可以显示在小对话框中。为此，我已经安装了qtip库。

问题

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

我还读过某个地方，一次不能进行超过2个Ajax调用。

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

阅读 275

2020-07-26

共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。

2020-07-26