django Ajax

最新推荐文章于 2022-05-24 21:16:26 发布

achieve_success

最新推荐文章于 2022-05-24 21:16:26 发布

阅读量1.5k

点赞数

分类专栏： django

本文链接：https://blog.csdn.net/achieve_success/article/details/90813077

版权

django 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

Ajax
AJAX（Asynchronous Javascript And XML）翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML）还有JSON数据。
AJAX还有一个最大的特点就是，当服务器响应时，不用刷新整个浏览器页面，而是可以局部刷新。这一特点给用户的感受是在不知不觉中完成请求和响应过程。
应用场景：
（1）、搜索引擎关键字
（2）、注册时信息校验
在这里插入图片描述
1、XML语言
HTML用于显示数据而XML用于保存和传输数据;
xml在保存结构化和层次化的数据比较有优势;
例如中国有北京和上海两个直辖市,每个市又有2个区种,具有结构的数据xml语言保存很有优势

2、JSON语言
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。
JSON去掉多余 XML标签元素，只返回有效数据部分，是一种更优的方案
JSON官网

Json中数据格式分成两种:对象格式的数据和数组格式的数据

对象格式： {key:value,key:value,key:value }
键：必须是字符串常量 {name : “张三”}和 {“name”:”张三”}是等价的;
值：加不加引号，是有区别的，不加引号是变量，加引号常量字符串
键值对之间使用 ” , ” 分开，键值之间用 “:”

数组格式：[值1, 值2 ,值3 ] 例如[“zs”,”ls”,”ww”]

组合后复杂格式:
[{name:‘aaa’}, {name:‘bbb’}, {name:ccc}] 表示三个对象数组

3、ajax使用
案例：使用ajax 来验证用户名是否已经被注册过

准备工作
创建static 文件
在static 文件中添加jquery.js文件
添加settings.py 文件

STATICFILES_DIRS = [
    os.path.join(BASE_DIR,'static')
]

html中：

<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="{% static 'jquery-3.3.1.js' %}"></script>
</head>
<body>
<form action="" method="post">
    <p>
        用户名： <input type="text" name="username" id="name">
        <span id="error" style="color: red"></span>
    </p>
    <p>
        密码：<input type="password" name="pwd">
    </p>
    <p>
        <input type="submit" value="注册">
    </p>
</form>
<script>
    $(function(){
        $('#name').blur(function () {
            //用户名失焦的时候进来
            $.ajax({
                'url':'/app01/ajax/',//提交的路径
                'type':'get',//提交的方式
                'data':{'name':$('#name').val()},//获取参数
                'success':function (data) {
                    //回调函数，当请求成功自动触发此方法
                    //data自动接收后台传过来的内容
                    //判断是否已经注册
                    if (data.ret=='true'){
                        $('#error').text('此用户已注册')
                    }
                    else{
                        $('#error').text('')
                    }
                }
            })
        })
    })
</script>
</body>
</html>

views.py

#导入JsonResponse
from django.http import JsonResponse
def ajax(request):
    username = request.GET.get('name')
    if username == 'zs':
        return JsonResponse({'ret':'true'})
    return render(request,'app01/ajax.html')

achieve_success

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
django Ajax

AjaxAJAX（Asynchronous Javascript And XML）翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML）还有JSON数据。AJAX还有一个最大的特点就是，当服务器响应时，不用刷新整个浏览器页面，而是可以局部刷新。这一特点给用户的感受是在不知不觉中完成请求和响应过程...
复制链接

扫一扫

专栏目录