Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 进行ajax调用并在qtip中显示内容_Javascript_Ajax_Qtip - Fatal编程技术网

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

Javascript 进行ajax调用并在qtip中显示内容,javascript,ajax,qtip,Javascript,Ajax,Qtip,我正在为下拉列表编写代码。正在从数据库中的数据填充下拉列表。因此,我进行了两次ajax调用,一次是在EventonMouseOver上填充下拉列表的内容,另一次是在选择特定选项时进行ajax调用,将相关内容显示在屏幕上 现在我想进行另一个ajax调用,以获取悬停在特定选项上时可以填充的内容。从ajax调用获得的内容可以显示在小对话框中。为了实现这一点,我安装了qtip库 问题 我不明白ajax调用是如何进行的。哪一个更适合实现这一目标?我知道qtip是在页面加载时加载的。但是,由于我想进行aja

我正在为下拉列表编写代码。正在从数据库中的数据填充下拉列表。因此,我进行了两次ajax调用,一次是在EventonMouseOver上填充下拉列表的内容,另一次是在选择特定选项时进行ajax调用,将相关内容显示在屏幕上

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

问题

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

我也在某个地方读到过,一次只能调用两个ajax


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

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

qtip将在MouseOver上显示,并带有填充下拉列表时设置的说明。

您可以这样做

$('.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表单以及qtip。

假设我们正在加载下拉列表。您可以轻松访问项目列表,希望用户在悬停时看到相应的描述。当下拉填充完成时进行一个新的AJAX调用,该调用要求对这些项目进行描述。一旦你有了它,将描述填入相应的qtip(因为你应该为每个项目有一个qtip),你就完成了!你不明白哪一部分?谢谢你的解决方案。。。现在我所做的是修改JSP文件,以包含标题,该标题将在对该JSP文件的每次ajax调用中动态填充。由于select语句的选项是通过JSP文件添加的。现在只需对JSP文件进行常规调用并使用NFinit()就可以了吗;tooltip.init();NFinit启动Niceforme引擎,该引擎应该只运行一次(或者在添加新表单元素时)。每次向HTML元素添加title属性时,都必须运行tooltip.init()。仅考虑这两种情况。我成功地添加了qtip,我也可以看到消息。非常感谢您的帮助。但我还没有初始化NFinit(),我正试图用body加载它。。。您会建议如何执行此操作。如果输入元素的样式正确,则Niceforms已成功初始化,否则请检查Niceforms.js并查找window.onload和move de function(),它们引用了tooltip.init的常规onload