Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在AJAX之后为django对象创建HTML?

如何在AJAX之后为django对象创建HTML?
EN

Stack Overflow用户
提问于 2013-10-06 00:03:42
回答 1查看 45关注 0票数 0

这一定是非常基础的,否则我就是想错了。请帮帮忙。

在模板中,我查询了几个对象,并按如下方式显示它们:

代码语言:javascript
运行
AI代码解释
复制
{% for obj in objects %}
 {{obj.attr1}}
 {{obj.attr2}}
{% endfor }}

现在,假设我在服务器端创建另一个对象,并使用AJAX响应新的对象数据,例如,这是响应::

代码语言:javascript
运行
AI代码解释
复制
{'attr1':some_attribute,
 'attr2':some_attribute'}

如何将新对象附加到对象的for循环中?

EN

回答 1

Stack Overflow用户

发布于 2013-10-06 07:59:27

您需要向您的内容添加一些html标记,如下所示:

代码语言:javascript
运行
AI代码解释
复制
<ul class="content">
{% for obj in objects %}
    <li>{{obj.attr1}}, {{obj.attr2}}</li>
{% endfor %}
</ul>

然后使用jQuery追加新对象:

代码语言:javascript
运行
AI代码解释
复制
$('.content').append('<li>' + data.attr1 + ', '+ data.attr2 + '</li>');

data是响应对象。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19203970

复制
相关文章
AJAX - 创建 XMLHttpRequest 对象(开心档)
AJAX(异步JavaScript和XML)是一种在Web应用程序中创建快速动态更新的技术。使用AJAX,Web应用程序可以异步地向服务器发送和接收数据,而无需刷新整个页面。 AJAX广泛用于Web应用程序中,包括社交媒体,电子商务,在线游戏等等。
iOS Magician
2023/07/28
1890
Django之Ajax文件上传
      这应该是最常见的 POST 提交数据的方式了。浏览器的原生 <form> 表单,如果不设置 enctype 属性,那么最终就会以 默认格式application/x-www-form-urlencoded 方式提交数据,ajax默认也是这个。请求类似于下面这样(无关的请求头在本文中都省略掉了):
py3study
2020/02/10
2.3K0
Django之基于iframe的ajax
那么伪造ajax的方式即为将向服务端发送请求返回的数据返回到iframe中,再使用js从iframe中的文档中取出数据使用。
py3study
2020/01/21
1.1K0
Django学习笔记之Ajax入门
AJAX准备知识:JSON 什么是 JSON ? JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation) JSON 是轻量级的文本数据交换格式 JSON 独立于语言 * JSON 具有自我描述性,更易理解 * JSON 使用 JavaScript 语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。  啥都别多说了,上图吧! 合格的json对象: ["one", "
Jetpropelledsnake21
2018/07/04
1.4K0
如何在js中创建对象
七夕临近了,没有对象的来创建一个吧 使用对象字面量: const o = { name: "zehan", greeting() { return `Hi, 我是${this.name}`; } }; o.greeting(); // "Hi, zehan" 使用构造函数: function Person(name) { this.name = name; } Person.prototype.greeting = function () { return `Hi, 我是
ZEHAN
2020/09/23
8K0
09.Django基础七之Ajax
    AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步的Javascript和XML”。即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML,现在更多使用json数据)。
changxin7
2019/09/30
3.7K0
09.Django基础七之Ajax
ajax html例子,AJAX实例[通俗易懂]
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
全栈程序员站长
2022/09/22
2.6K0
ajax html例子,AJAX实例[通俗易懂]
如何在 Django 中创建抽象模型类?
Django 中的抽象模型类是一个模型,它用作其他模型继承的模板,而不是一个旨在创建或保存到数据库的模型。在应用程序中,可以使用抽象模型定义多个模型共享的相似字段和行为。使用 Django,您可以定义一个派生自 Django.db.models 的模型类,以建立一个抽象模型类。
很酷的站长
2023/08/11
5520
如何在 Django 中创建抽象模型类?
Javascript之创建对象
Object构造函数 创建自定义对象最简单的方式就是创建一个 Object 的实例,然后再为它添加属性和方法: // 创建对象 var person = new Object(); // 定义属性 person.name = 'laixiangran'; person.age = 28; person.job = 'Front End Software Engineer'; // 定义方法 person.sayName = function() { console.log(this.name);
laixiangran
2018/04/11
8490
python(Django之html模板继承)
Django之html模板继承简单案例 1 构建母板,确定不变内容和可变内容 2 构建子板,对可变内容进行填充 结果: Django下静态模板的继承对应模页面样式 ①. 定义一个
学到老
2018/03/16
5.4K0
python(Django之html模板继承)
Django---Ajax
Ajax准备知识:json 什么是json? 定义: JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。 它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。 讲json对象,不得不提到JS对象: 合格的json对象:
用户1214487
2018/01/24
4.9K0
Django---Ajax
python(Django之html模板继承)
命名为base.html,这个页面主要放公用部分的代码,各个子页面都可以继承这个页面的样式。
学到老
2019/02/14
3.8K0
Django之json、Ajax简介及实例介绍
JSON 格式于2001年由 Douglas Crockford 提出,目的就是取代繁琐笨重的 XML 格式。
菲宇
2019/06/13
6.7K0
Django之json、Ajax简介及实例介绍
Django学习笔记之Ajax与文件上传
AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML,现在更多使用json数据)。
Jetpropelledsnake21
2018/08/10
1.7K0
Django学习笔记之Ajax与文件上传
006: Django ajax请求
AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
李玺
2021/11/22
1.8K0
006: Django ajax请求
jvm之对象创建过程
↓ ↓
WindWant
2020/09/11
3390
Django之model模型对象验证
当调用模型的full_clean() 方法时,这三个方法都将执行。当使用ModelForm时,is_valid() 将为表单中的所有字段执行这些验证。如果你计划自己处理验证出现的错误,或者你已经将需要验证的字段从ModelForm 中去除掉,你只需调用模型的full_clean() 方法。
菲宇
2019/08/14
1.5K0
Django ajax 简单介绍
Asynchronous Javascript And XML是 "异步Javascript和XML"。即使用 Javascript 语言与服务器进行异步交互,传输的数据为XML。
py3study
2020/01/15
5740
Django ajax 简单介绍
ajax_option.html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>ajax_option.html</title> <script type="text/javascript"> function getText(value){ var xmlhttp; if(value == ""){ document.getElementById("showTex
闵开慧
2018/03/30
8680
点击加载更多

相似问题

获取流html,如ajax onprogress

13

jQuery对象在动态创建后为空。

111

如何在html中检索Django表单对象,以便稍后使用AJAX

17

如何在django中创建对象之前保存ajax上传的图片?

10

自定义对象在创建后为空

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
💥开发者 MCP广场重磅上线!
精选全网热门MCP server,让你的AI更好用 🚀
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档