码迷,mamicode.com
首页 > Web开发 > 详细

Django-06 Django与Ajax

时间:2019-10-03 16:31:17      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:htm   后端   code   col   ESS   传输   html   同步   信息   

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>

      

Django-06 Django与Ajax

标签:htm   后端   code   col   ESS   传输   html   同步   信息   

原文地址:https://www.cnblogs.com/sunny666/p/11619802.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!