如何将JSON数据附加到AJAX调用中的HTML元素中

Question

我不确定如何使用JSON和AJAX将Python值附加到实际的HTML元素中。这是我目前拥有的，并且在下面是作为列表元素的理想输出。我不确定在函数中包含实际的HTML元素的位置。目前它只是吐出未格式化的数据（显然）。

jQuery的

$.ajax({ 
    url: url, 
    dataType: "json", 
    data: {'tag_title': tag_title, 'function': 'tag_add'}, 
    success: function(data) { 

    $('.related-questions ul').html(data['question_title']); } 
    }); 

HTML

<li><a href="#">Why is the sky blue?</a></li> 

另外，最好我能在成功的功能到一个HTML元素，就像链中的多个数据...

<li><a href="#">Why is the sky blue?</a><span>14th December 2011</span></li> 

Answer 1

成功S功能的尝试：

alert($('.related-questions a').html()); 

Answer 2

因为它似乎你只是试图让你的网页html内容，尝试jQuery的load()功能。而不是发送json回浏览器，你的python函数可以返回简单的“text/html”。例如：

HTML

<ul class="myContainer"> 
</ul> 

的Javascript

$("ul.myContainer").load(myUrl, {'tag_title': tag_title, 'function': 'tag_add'}); 

HTML后：

<ul class="myContainer"> 
    <li>New Content with <b>whatever</b> tags you want</li> 
</ul> 

看.load（）here