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"

文件上传

文件上传三要素:

  1. 提交方式 必须是post 。

  2. enctype 必须是 multipart/form-data。

  3. 标签类型必须是 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网页

<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</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>

响应对象

  1. HttpResponse --> 返回字符串内容

  2. render --> 返回一个html页面

  3. redirect --> 返回一个重定向(告诉浏览器再去访问另外的网址)

  4. 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页面

<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</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>
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值