Javascript 如何在工具提示中显示ajax调用返回的信息

Javascript 如何在工具提示中显示ajax调用返回的信息,javascript,ajax,jsp,tooltip,Javascript,Ajax,Jsp,Tooltip,我创建了一个JSP文件,它返回数据库中所需的信息。我还编写了一些代码,可以通过ajax调用这个jsp文件来检索信息。但是我没有得到任何好的或免费的工具提示库来知道如何将这些信息放入工具提示中。请推荐javascript工具提示的好的和免费的库(我不擅长jquery,我知道它的强大,但我需要学习和修改我的整个代码) 问题:我需要在将鼠标悬停在listview的不同选项上时显示此工具提示内容。(listview的每个选项将具有不同的信息格式)在每个选项上移动鼠标时,应向JSP页面发送一个ajax调用

我创建了一个JSP文件,它返回数据库中所需的信息。我还编写了一些代码,可以通过ajax调用这个jsp文件来检索信息。但是我没有得到任何好的或免费的工具提示库来知道如何将这些信息放入工具提示中。请推荐javascript工具提示的好的和免费的库(我不擅长jquery,我知道它的强大,但我需要学习和修改我的整个代码)

问题:我需要在将鼠标悬停在listview的不同选项上时显示此工具提示内容。(listview的每个选项将具有不同的信息格式)在每个选项上移动鼠标时,应向JSP页面发送一个ajax调用,并将预期调用返回到工具提示中)我现在使用javascript代码进行ajax调用并从JSP文件中获取内容。唯一的问题是要使用哪个tootip库以及如何对listview的每个选项使用它。请提出建议。

就可以了。去图书馆。为您需要的标记配置它。其余的可以如下所示:

  • 获取AJAX响应
  • 使用javascript修改title属性。差不多
  • document.getElementById(id).setAttribute('title','Ajax response here')

    图书馆会为你做剩下的事

    要避免AJAX调用的问题,可以使用以下检查:

    //on mouseover call for an AJAX function and check this
    if(!document.getElemenyById(id).getAttribute){
        //the title is not set, use Ajax to retrive it an set it
        tooltip.init(); //this is crucial for the tooltip to work
    }
    
    编辑:在库内搜索
    var qTipTag=“a,label,input”并将其更改为
    var qTipTag=“li,a,label,input”。这将启动所需标记的工具提示引擎

    你可以看到它在这里工作

    就可以了。去图书馆。为您需要的标记配置它。其余的可以如下所示:

  • 获取AJAX响应
  • 使用javascript修改title属性。差不多
  • document.getElementById(id).setAttribute('title','Ajax response here')

    图书馆会为你做剩下的事

    要避免AJAX调用的问题,可以使用以下检查:

    //on mouseover call for an AJAX function and check this
    if(!document.getElemenyById(id).getAttribute){
        //the title is not set, use Ajax to retrive it an set it
        tooltip.init(); //this is crucial for the tooltip to work
    }
    
    编辑:在库内搜索
    var qTipTag=“a,label,input”并将其更改为
    var qTipTag=“li,a,label,input”。这将启动所需标记的工具提示引擎


    您可以看到它在这里工作

    非常感谢您的帮助。所以,一旦我进行了一个ajax调用,就可以使用document.getElementById(id.setAttribute('title','ajax response here');其中id是select(即listview)的id,应该使用选项而不是title?还有一件事,我将在哪里使用工具提示功能来显示文本?再次感谢您的帮助。工具提示在window.onload;您必须在要显示工具提示的标记上设置title属性。感谢您帮助更正Volvo Saab Mercedes Audi document.getElementById(id2).setAttribute(b,'Ajax response here');这个代码正确吗?因为我希望对每个选项进行ajax调用,并显示工具提示中的内容。非常感谢你的帮助。这是所有的代码。您需要niceforms qTip(如上所述)并对代码进行修改,以便所有代码都能正常工作:)如果您有任何疑问,可以在stackoverflow上发布另一个问题或通过mi profile与我联系。非常感谢。。。我在这里提出了一个问题:我有点困惑,我应该在哪里保存niceform的内容。我需要包括在主网页中,或者它可以保存在后端或其他一些方式吗?我将能够对其他域进行ajax调用,但我无法引用该站点。域不允许添加内容。那么,什么是包含库或文件的安全方式呢?非常感谢您的帮助。所以,一旦我进行了一个ajax调用,就可以使用document.getElementById(id.setAttribute('title','ajax response here');其中id是select(即listview)的id,应该使用选项而不是title?还有一件事,我将在哪里使用工具提示功能来显示文本?再次感谢您的帮助。工具提示在window.onload;您必须在要显示工具提示的标记上设置title属性。感谢您帮助更正Volvo Saab Mercedes Audi document.getElementById(id2).setAttribute(b,'Ajax response here');这个代码正确吗?因为我希望对每个选项进行ajax调用,并显示工具提示中的内容。非常感谢你的帮助。这是所有的代码。您需要niceforms qTip(如上所述)并对代码进行修改,以便所有代码都能正常工作:)如果您有任何疑问,可以在stackoverflow上发布另一个问题或通过mi profile与我联系。非常感谢。。。我在这里提出了一个问题:我有点困惑,我应该在哪里保存niceform的内容。我需要包括在主网页中,或者它可以保存在后端或其他一些方式吗?我将能够对其他域进行ajax调用,但我无法引用该站点。域不允许添加内容。那么,什么是包含库或文件的安全方式呢。