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>

另外，理想情况下，我可以将success函数中的多个数据链接到一个HTML元素中，例如......

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

Answer 1

成功功能尝试：

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

Answer 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

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

2 个答案: