Django-06 Django与Ajax

Posted 2020-11-15 sunny-cheng

Ajax简介

　　AJAX（Asynchronous javascript And XML）翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互，

　　传输的数据为XML（当然，传输的数据不只是XML,现在更多使用json数据）。

什么是同步，异步？

• 同步交互：客户端发出一个请求后，需要等待服务器响应结束后，才能发出第二个请求；
• 异步交互：客户端发出一个请求后，无需等待服务器响应结束，就可以发出第二个请求。

为什么用Ajax

　　AJAX除了异步的特点外，还有一个就是：浏览器页面局部刷新；（这一特点给用户的感受是在不知不觉中完成请求和响应过程）　　

基于jquery的Ajax实现

　　＃btn点击执行函数发送ajax到／login/，后端返回数据sussess回调函数传回，用户名验证正确跳转网页，错误添加局部处理信息

<script>

        $(‘#btn‘).click(function () {
            user = $(‘#name‘).val(),
            pwd = $(‘#pwd‘).val(),
            $.ajax({
                url:‘/login/‘,           //请求url
                type:‘post‘,             //请求方式
                data:{‘user‘:user,‘pwd‘:pwd},
                success:function (data) {
                    var data = JSON.parse(data);                

                    if(data.user){
                       location.href = ‘http://www.baidu.com‘;
                    }else {
                       $(‘.error‘).html(data.msg).css(‘color‘,‘red‘)
                    }

                },

            });

        })
    </script>