Django请求与响应对象 Ajax
请求和响应对象
请求对象
当一个页面被请求时，Django就会创建一个包含本次请求原信息的HttpRequest对象。
Django会将这个对象自动传递给响应的视图函数，一般视图函数约定俗成地使用 request 参数承接这个对象。
1，请求相关的常用值
·path_info 返回用户访问url，不包括域名
·method 请求中使用的HTTP方法的字符串表示，全大写表示 GET、POST。
request.GET.get(key ,‘xxx’) 默认返回None 或者 request.GET[‘key’]。
·GET 包含所有HTTP GET参数的类字典对象
·POST 包含所有HTTP POST参数的类字典对象
·body 请求体，byte类型 request.POST的数据就是从body里面提取到的
2，请求常用属性
1.HttpRequest.scheme
表示请求方案的字符串（通常为http或https）
2.HttpRequest.path
一个字符串，表示请求的路径组件（不含域名）。例如："/music/bands/the_beatles/"
3.HttpRequest.method
一个字符串，表示请求使用的HTTP 方法。必须使用大写。例如：“GET”、“POST”
4.HttpRequest.encoding
一个字符串，表示提交的数据的编码方式（如果为 None 则表示使用 DEFAULT_CHARSET 的设置，默认为 ‘utf-8’）。
5.HttpRequest.GET
一个类似于字典的对象，包含 HTTP GET 的所有参数。详情请参考 QueryDict 对象。
6.HttpRequest.POST
一个类似于字典的对象，如果请求中包含表单数据，则将这些数据封装成 QueryDict 对象。
POST 请求可以带有空的 POST 字典 —— 如果通过 HTTP POST 方法发送一个表单，但是表单中没有任何的数据，QueryDict 对象依然会被创建。
7.HttpRequest.COOKIES
一个标准的Python 字典，包含所有的cookie。键和值都为字符串。
8.HttpRequest.META
一个标准的Python 字典，包含所有的HTTP 首部。具体的头部信息取决于客户端和服务器，下面是一些示例：
CONTENT_LENGTH —— 请求的正文的长度（是一个字符串）。
CONTENT_TYPE —— 请求的正文的MIME 类型。
HTTP_ACCEPT —— 响应可接收的Content-Type。
HTTP_ACCEPT_ENCODING —— 响应可接收的编码。
HTTP_ACCEPT_LANGUAGE —— 响应可接收的语言。
HTTP_HOST —— 客服端发送的HTTP Host 头部。
HTTP_REFERER —— Referring 页面。
HTTP_USER_AGENT —— 客户端的user-agent 字符串。
QUERY_STRING —— 单个字符串形式的查询字符串（未解析过的形式）。
REMOTE_ADDR —— 客户端的IP 地址。
REMOTE_HOST —— 客户端的主机名。
REMOTE_USER —— 服务器认证后的用户。
REQUEST_METHOD —— 一个字符串，例如"GET" 或"POST"。
SERVER_NAME —— 服务器的主机名。
SERVER_PORT —— 服务器的端口（是一个字符串）。
地址栏输入参数，获取 request.GET
表单POST请求， 获取参数 request.POST
表单文件上传： 获取上传的文件： request.FILES
9.HttpRequest.FILES
一个类似于字典的对象，包含所有的上传文件信息。
FILES 中的每个键为 中的name，值则为对应的数据。
注意，FILES 只有在请求的方法为POST 且提交的 带有enctype=“multipart/form-data” 的情况下才会包含数据。否则，FILES 将为一个空的类似于字典的对象。
10、HttpRequest.get_full_path() 方法
返回 path，如果可以将加上查询字符串。例如："/music/bands/the_beatles/?print=true"
文件上传
文件上传三要素：
-
提交方式 必须是post 。
-
enctype 必须是 multipart/form-data。
-
标签类型必须是 file 类型。
视图模块代码
def laowang2(request):
if request.method=='POST':
#获取普通字段
username=request.POST.get('username')
print(username)
#获取上传内容
print(request.FILES)
#上传思路：获取上传的图片对象，然后写到本地。
# 要获取图片名称，保存到服务器时，使用原图片名称。
img_obj=request.FILES.get('picture')
print(img_obj,type(img_obj)) #获取图片对象,而不是图片名称字符串
img_name=request.FILES.get('picture').name
print(img_name,type(img_name)) #获取图片名称字符
#读取上传文件内容，然后保存到服务器上。
path='static/'+img_name
with open(path,mode='wb') as f:
for content in img_obj.chunks():#一段一段读取上传文件中的内容
f.write(content)
# return HttpResponse('接收到了')
return render(request,'app01/laowang2.html',{
'image':img_name})
return render(request,'app01/laowang2.html')
html网页
{% load static %}
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<body>
// action文件位置 method提交方式 enctype编码方式
<form action="/app01/laowang2/" method="post" enctype="multipart/form-data">
{% csrf_token %} {# 防止跨站请求伪造 （钓鱼网站） #}
<p>
用户名;<input type="text" name="username">
p>
<p>
头像：<input type="file" name="picture">
p>
<p>
<input type="submit" value="上传">
p>
form>
<img src="{% static image %}" alt="">
body>
html>
响应对象
-
HttpResponse --> 返回字符串内容
-
render --> 返回一个html页面
-
redirect --> 返回一个重定向（告诉浏览器再去访问另外的网址）
-
JsonResponse—》JsonResponse是HttpResponse的子类，专门用来生成JSON编码的响应。
扩展: json数据
(1) 、JSON是轻量级的文本数据交换格式。在互联网上进行数据传输，有xml格式和json格式数据。
(2) 、JSON 是独立于语言的。其他语言也可以使用（java、python c++）
(3) 、JSON 格式 有两种 一种是对象格式，一种是数组格式
① 对象格式: {‘key’: vlaue , ‘key1’:value}
② 数组格式: [值1，‘aa’,’bb’,’cc’]
③ 扩展格式: [object1,object2,object3 ] 例如 [{key1:value1},{key2:value2},’x’]
④ 获取数据使用 . 的方式 例如：obj ={‘name’:’zs’} value = obj.name
Ajax
AJAX : Asynchronous JavaScript And XML 翻译成中文: 异步 JavaScript and XML。
使用JavaScript 语言与服务器进行交互，传递的数据是XML格式现在也可以传输JSON。
AJAX 和普通的传输数据方式，不同的是可以实现局部刷新功能。
Ajax 常见的应用场景:
（1）、搜索引擎根据用户输入的关键字、自动提示搜索内容。
（2）、进行注册时，信息的校验。
优缺点：
优点： 1.异步向服务器发送请求，无需刷新整个界面。
缺点: 服务器压力比较大。
响应请求与Ajax代码
视图模块
def laowang4_ajax(request):
#获取前端提交过来的数据，进行判断。
name= request.GET.get('name')
if name=='zs':
result='true' #表示用户已经注册过了
else:
result='false' # 表示用户没有注册过
return JsonResponse({
'result':result})
html页面
{% load static %}
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<body>
<script src="{% static 'jquery-3.3.1.js' %}">script>
<form action="">
<p>
用户名：<input type="text" name="username" id="username">
<span style="color: red" id="error">span>
p>
<p>
密码：<input type="password" name="pwd">
p>
<p>
<input type="submit" value="注册">
p>
form>
body>
<script>
$(
function () {
{
# 失去焦点事件#}
$("#username").blur(function () {
// 获取用户名
var name=$("#username").val();
// alert(name);
// 发送ajax
$.ajax({
url :"/app01/laowang4_ajax/", //提交路径
type : "get", //提交方式 GET或POST
data:{
"name": name},//提交数据
success:function (msg) {
//服务器正常响应，就会自动调用次函数，并且
//将后台的值 传递给msg形参
var value=msg.result;
if (value == 'true'){
alert('此用户已经被注册！')
$('#error').text('此用户已经被注册！')
}else {
alert('可以注册')
}
// alert(value);
console.log(msg)
}
})
})
}
)
script>
html>