django 笔记6 Ajax
感谢alex~
.Django请求生命周期
输入url 进入 urls（路由系统） 指向 views（视图函数）-》（获取模板） 里面的函数 再由函数返回字符串给用户 .路由系统
/index/ -> 函数或类.as_view()
/detail/(?P<nid>\d+) 函数（参数）或者类.as_view()（参数）
/detail/ name="a1" ->include（'app01.urls'）
->视图中:reverse
->模板中:{% url "a1" %} .视图函数
FBV：函数
def index(request,*args,**kwargs):
..
CBV：类
class Home(views.View):
def get(self,request,*args, **kwargs) 获取用户请求中的数据:
request.POST.get() #获取name =
request.GET.get()
request.FILES.get() #checkbox, select mutiple
request.POST.getlist()
request.GET.getlist()
request.FILES.getlist() request.path_info 获取当前请求的url 文件对象 = request.FILES.get()
文件对象.name 文件名
文件对象.size 文件大小字节
文件对象.chunks() 文件切片 需要for循环 f.write() #<form 特殊的设置></from> 获取用户请求分会数据:
render(request, "index.html" ,{'obj':,'k1':[,,,],'k2':{'name':"ljc"}}) #HTML模板的路径 不是url redirect(url) return redirect('/cmdb/user_info/') HttpResponse(字符串) .模板语言 <html>
<body>
<h1>{{ obj }}<h1> 单值
<h1> {{ k1. }}<h1>
<h1> {{k2.name}}<h1> {% for row in k1 %} #循环列表
<p>{{row}}<p>
{%endfor%} {%for x,y in k2.items %} keys,values,items
{{ x }} {{ y }}
{%endfor%} <body>
<html> .ORM
a.创建类和字段 执行命令生成数据库
class User(models.Model):
nid = models.IntergerField() 数字 不需要加长度
name = models.CharField(max_length=) 字符长度 只接收64个字符 python manage.py makemigrations
python manage.py migrate
# settings.py 注册APP需要添加 b.操作数据库 增删改查都是可以增字典 **dic
增
models.User.object.create(nid=,name="ljc") dic = {'name':'xx','nid':}
models.User.objects.create(**dic) obj = modeles.User.(nid=,name="ljc")
obj.save() 删
models.User.objects.filter(id=).delete()
改
models.User.objects.filter(id=).update(nid=,name="ljc")
dic = {'name':'xx','nid':}
models.User.objects.filter(id__gt=).update(**dic) 查
models.User.objects.filter(id=,name="root")查
models.User.objects.filter(id__gt=)
models.User.objects.filter(id__lt=)
models.User.objects.filter(id__lte=)
dic = {'name':'xx','nid__gt':} #nid大于19
models.User.objects.filter(**dic) 外键:
class UserType(models.Model):
caption = models.CharField(max_length=)
id caption
#.普通用户
#.VIP用户
#.游客 class User(models.Model):
age = models.IntergerFiled()
name = models.CharField(max_length = )
user_type = models.ForeignKey("UserType",to_field='id') #约束 但是生成数据时为user_type_id
name age user_type_id
ljc
zpt
cc v1 = models.Business.objects.all()
#QuerySet 对象 all() first()
#[obj(id, caption, code),obj2(id,caption,code) ]
{% for row in v1 %}
<li>{{row.id}}-{{row.caption}}-{{row.code}}</li>
{% endfor%} v2 = models.Business.objects.values('id','caption')
#QuerySet 字典
#[{'id':,'caption':"运维部"},{},{}] values变为字典了'
{% for row in v2 %}
<li>{{row.id}}-{{row.caption}}</li>
{% endfor%} v3 = models.Business.objects.values_list('id', 'caption')
#QuerySet 元组
#[(,运维部),(,开发)]
{% for row in v3 %}
<li>{{row.}}-{{row.}}</li>
{% endfor%} models.Business.objects.get(id=) 获取到一个对象 但一般不用
**models.Business.objects.filter(id=).first() 如果获取对象！ 如果存在为true 如果不存在返回null 外键
v = models.Host.objects.filter(nid__gt=)
v[].b.caption ---> 通过点.来实现跨表查询 __双下划线跨表 filter后面想跨表时都用双下划线 b__caption b__code
v2 = models.Host.objects.filter(nid__gt=).values('nid','hostname','b_id','b__caption')
print(v2) 自循环 forloop.counter 从1开始
forloop.counter0 从0开始
forloop.revcounter 倒序排列
forloop.revcounter0 倒序0开始
forlopp.last {% for row in v1 %}
<a>{{forloop.counter}}<a>
{%endfor%} position:fixed absosulte relative .shade{
position:fixed;
top:;
rigth:;
left:;
bottom:;
background:black;
opacity:0.6;
z-index:;
}
.add-modal{
position:fixed;
height:300px;
width:400px;
top:100px;
left:%;
z-index:;
border:1px solied red;
background:white;
margin-left:-200px
}
.hide{
display:none;
} <select>
<option>
<option>
<select> redirect('/host')默认是以get
render(request,'host.html')以post Ajax提交
$.ajax({
url:'/host',
type:"POST 或者 GET",
data:{'k1':, "k2":"root"},
success: function(data){ #这个函数等着服务端发送回复请求
//data是服务器端返回的字符串
var obj = JSON.parse(data) }
}
})
内部都调用$.ajax 推荐还是$.ajax(
{}
)
$.get(url="",data={}，)
$.getJson
$.post javascrip将字符串转为字典
data = '{1,2,3,4}'
var obj = JSON.parse(data); 将列表、字典转为字符串
li = [,,,]
JSON.stringify(li) 建议：永远让服务器端返回一个字典
return HttpResponse(json.dumps(字典))
python 字典/列表转为字符串
json.dumps(字典) python 字符串转为字典/列表
json.loads(字符串)
django 笔记6 Ajax的更多相关文章
- django 笔记15 ajax系列
参考 http://www.cnblogs.com/wupeiqi/articles/5703697.html # 原生操作# jQuery操作# 伪Ajax操作# XMLHttpReques 伪aj ...
- 【笔记】AJAX+SweetAlert插件实现删除操作
[笔记]AJAX+SweetAlert插件实现删除操作 Django AJAX SweetAlert 展示 SweetAlert 插件介绍 SweetAlert 是一个 JS 插件,能够完美替代 J ...
- 【笔记】AJAX基础
[笔记]AJAX基础 Django AJAX 知识储备:JSON 什么是 JSON JSON 是轻量级的文本数据交换格式 JSON 独立于语言和平台.JSON 解析器和 JSON 库支持许多不同的编 ...
- Django中的Ajax
Ajax 很多时候,我们在网页上请求操作时,不需要刷新页面.实现这种功能的技术就要Ajax!(本人定义,不可迷信) jQuery中的ajax就可以实现不刷新页面就能向后台请求或提交数据的功能,我们仍然 ...
- Web框架——Django笔记
Web框架--Django笔记 MVC和MTV MVC:Model.View.Controller MTV:Model.Template.View Django--MTV 1.创建Django程序 ...
- jQuery学习笔记之Ajax用法详解
这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下 本文实例讲述了j ...
- django中的ajax组件
目录 django中的ajax 向服务器发送请求的途径 Ajax的特点 基于jquery实现的ajax请求 利用ajax实现计算器 利用ajax实现登陆认证 利用form表单进行文件上传 利用ajax ...
- 学习笔记：AJAX 跨域问题
学习笔记:AJAX 跨域问题 AJAX 跨域是浏览器的问题. 只要 xhr 请求,不同的域名就会出现 AJAX 跨域问题. JSONP 是一要简单方式,但是有很多弊端,需要修改服务端代码. JSONP ...
- Django框架 之 Ajax
Django框架 之 Ajax 浏览目录 AJAX准备知识 AJAX与XML的比较 AJAX简介 jQuery实现的ajax AJAX参数 AJAX请求如何设置csrf_token 序列化 一.AJA ...
随机推荐
- Java 获取环境变量
Java 获取环境变量Java 获取环境变量的方式很简单: System.getEnv() 得到所有的环境变量System.getEnv(key) 得到某个环境变量的值 由于某些需要,可能要下载某些 ...
- 【跟我一步一步学Struts2】——拦截器
前言 前面提到过拦截器.而且说拦截器仅仅能拦截Action.这里拦截器的调用体现了责任链模式.为什么说体现了责任链模式呢? 以下的一段话说的非常明确: Struts2将整个运行划分成若干同样类型的元素 ...
- OEM12C(12.1.0.5)安装插件监控mysql(linux)
目录结构: 文章参考论坛:https://blog.csdn.net/u010719917/article/details/78128200 环境说明: oms:12.1.0.5 os:centos ...
- Ubuntu16.04+GTX 1080Ti+CUDA 8.0+cuDNN+Tesnorflow1.0深度学习服务器安装之路
0.安装背景 系统:ubuntu 16.04 内核:4.4.0-140-generic GPU:GTX 1080Ti nvidia驱动版本: 384.111 cuda: CUDA 8.0 深度学习库c ...
- asp.net DataTables
无聊做一个,但是还是留下一些疑惑: 在控件中加入例如编辑,删除之类的按钮,而不是以行内元素呈现. 真实分页的实现方法. 要是有知道的朋友,希望指点一二. 下面只实现的功能: 隐藏列 冻结列 分页 列排 ...
- Android 手势
GestureDetector:手势监听类,通常在View的setOnTouchListener方法中设置TouchListener,在TouchListener的onTouch函数中把MotionE ...
- png库结合zlib库使用出现的一个链接问题的解决
作者:朱金灿 来源:http://blog.csdn.net/clever101 要使用png库,首先得编译png库,要编译png库,得依赖zlib库的头文件.在使用png库读取一个png文件时,代码 ...
- Uncaught TypeError: undefined is not a function
index.html <script src="resources/sap-ui-core.js" id="sap-ui-bootstrap" data- ...
- IE6 css fixed
.fixed-top{position:fixed;bottom:auto;top:0px;} .fixed-bottom{position:fixed;bottom:0px;top:auto;} . ...
- Caffe学习--Layer分析
Caffe_Layer 1.基本数据结构 //Layer层主要的的参数 LayerParamter layer_param_; // protobuf内的layer参数 vector<share ...