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

【问题标题】：How to append JSON data into an HTML element inside an AJAX call如何将 JSON 数据附加到 AJAX 调用中的 HTML 元素中
【发布时间】：2011-11-04 10:01:54
【问题描述】：

我不确定如何使用 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>

【问题讨论】：

标签： json jquery

【解决方案1】：

在成功函数中尝试：

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

【讨论】：

【解决方案2】：

由于您似乎只是想为您的页面获取一些 html 内容，请尝试使用 jQuery 的 load() 函数。您的 python 函数可以返回简单的“text/html”，而不是将 json 发送回浏览器。例如：

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

【讨论】：