jquery - 如何在 jQuery 中输出 JSON 列

Question

我正在使用 qTip jQuery 插件来创建动态工具提示。工具提示将 id 发送到 cfc，该 cfc 运行查询并返回 JSON 格式的数据。

目前，工具提示加载以下内容:

{"COLUMNS:" ["BOOKNAME","BOOKDESCRIPTION"["MYBOOK","MYDESC"]]} 

这是 jQuery

$('#catalog a[href]').each(function()
{
    var gi = parseInt($(this).attr("href").split("=")[1])
    $(this).qtip(
    {
        content: {
            url: 'cfcs/viewbooks.cfc?method=bookDetails',
            data: { bookID: gi  },
            method: 'get',
            title: {
                text: $(this).text(),
                button: 'Close'
            }
        },
        api :{
        onContentLoad : function(){
            }
        },
    });
});

正如我提到的，数据已成功返回，但我不确定如何输出它并使用 HTML 格式化它。

我尝试添加 content: '<p>' + data.BOOKNAME + '

' 到 API :{ onContentLoad : function(){ .....看看我是否可以让它输出一些东西，但我收到“数据未定义错误”

尝试使用 HTML 格式输出此数据的正确方法是什么？

Answer 1

来自qTip forums ，看来作者在 api 回调中添加了 ajax 调用。也许这能解决您的问题？

这是他的例子:

$(this).qtip({
 content: 'Loading...',
 api: {
  onRender: function()
  {
   // Setup your AJAX request here
   $.ajax({
    url: DOC_ROOT + "admin/ajax/tooltip_process.php",
    type: 'GET';
    contentType: "application/json charset=utf-8",
    dataType: "json",
    success: function(json) {
     if(json[0].result == 'success') return json[0].tip;
     else alert('^$%#$#$');
    }
   });
  }
});