Javascript 进行ajax调用并在qtip中显示内容
我正在为下拉列表编写代码。正在从数据库中的数据填充下拉列表。因此,我进行了两次ajax调用,一次是在EventonMouseOver上填充下拉列表的内容,另一次是在选择特定选项时进行ajax调用,将相关内容显示在屏幕上 现在我想进行另一个ajax调用,以获取悬停在特定选项上时可以填充的内容。从ajax调用获得的内容可以显示在小对话框中。为了实现这一点,我安装了qtip库 问题 我不明白ajax调用是如何进行的。哪一个更适合实现这一目标?我知道qtip是在页面加载时加载的。但是,由于我想进行ajax调用,以便在悬停在选项上时显示消息的内容。有什么建议吗 我也在某个地方读到过,一次只能调用两个ajaxJavascript 进行ajax调用并在qtip中显示内容,javascript,ajax,qtip,Javascript,Ajax,Qtip,我正在为下拉列表编写代码。正在从数据库中的数据填充下拉列表。因此,我进行了两次ajax调用,一次是在EventonMouseOver上填充下拉列表的内容,另一次是在选择特定选项时进行ajax调用,将相关内容显示在屏幕上 现在我想进行另一个ajax调用,以获取悬停在特定选项上时可以填充的内容。从ajax调用获得的内容可以显示在小对话框中。为了实现这一点,我安装了qtip库 问题 我不明白ajax调用是如何进行的。哪一个更适合实现这一目标?我知道qtip是在页面加载时加载的。但是,由于我想进行aja
**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