2018-9-20 14:19:55

2018-9-20 21:33:05

周末可以帮我图书商城再次优化一下!!

加入 Ajax请求,,再加上 sweetAlert  甜蜜对话框插件!

要是再加上模态框 就是太完美了!!

前端用js Ajax发送数据,后端就接收个请求返回东西就好了!

明天继续!

越努力,越幸运!

参考连接:http://www.cnblogs.com/liwenzhou/p/8718861.html

js中的 json 对象转换

bootstrap-sweetalet   使用　　连接: https://github.com/lipis/bootstrap-sweetalert

里面的

就这来有用!

Ajax.py demo

from django.shortcuts import render, HttpResponse

# Create your views here.

def index(request):

    return render(request, "index.html")

def ajax_add(request):

    print(request.GET)

    print(request.GET.get("i1"))

    print(request.GET.get("i2"))

    i1 = int(request.GET.get("i1"))

    i2 = int(request.GET.get("i2"))

    # i1 = request.GET.get("i1")

    # i2 = request.GET.get("i2")

    #

    # i1 = int(i1)

    # i2 = int(i2)

    # print(i1, i2)

    # print("=" * 120)

    # ret = i1 + i2

    ret = i1 + i2

    return HttpResponse(ret)

def ajax_add3(request):

    print(request.POST)

    print("-" * 120)

    i1 = int(request.POST.get("i1"))

    i2 = int(request.POST.get("i2"))

    # i1 = request.GET.get("i1")

    # i2 = request.GET.get("i2")

    #

    # i1 = int(i1)

    # i2 = int(i2)

    # print(i1, i2)

    # print("=" * 120)

    # ret = i1 + i2

    ret = i1 + i2

    return HttpResponse(ret)

def test(request):

    # import time

    # time.sleep(5)

    url = "http://p7.yokacdn.com/pic/YOKA_HZP/2018-01-19/U10089P42TS1516351813_11903.jpg"

    # return HttpResponse(url)

    # return render(request, "index.html")

    return HttpResponse("http://www.luffycity.com")

from app01 import models

def persons(request):

    ret = models.Person.objects.all()

    # person_list = []

    # for i in ret:

    #     person_list.append({"name": i.name, "age": i.age})

    # print(person_list)

    # import json

    # s = json.dumps(person_list)

    # print(s)

    # from django.core import serializers

    # s = serializers.serialize("json", ret)

    # print(s)

    # return HttpResponse(s)

    return render(request, "sweetalert_demo.html", {"persons": ret})

def delete(request):

    import time

    time.sleep(3)

    del_id = request.POST.get("id")

    models.Person.objects.filter(id=del_id).delete()

    return HttpResponse("删除成功！")

sweetalert_demol.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>sweetalert_demo</title>

    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">

    <link rel="stylesheet" href="/static/fontawesome/css/font-awesome.min.css">

    <link rel="stylesheet" href="/static/sweetalert/sweetalert.css">

    <style>

        .sweet-alert>h2 {

            padding-top: 15px;

        }

    </style>

</head>

<body>

<div class="container">

    <div class="panel panel-primary">

  <div class="panel-heading">

    <h3 class="panel-title">person管理</h3>

  </div>

  <div class="panel-body">

    <table class="table table-bordered">

 <thead>

    <tr>

        <th>序号</th>

        <th>id</th>

        <th>name</th>

        <th>age</th>

        <th>生日</th>

        <th>操作</th>

    </tr>

 </thead>

        <tbody>

            {% for p in persons %}

                <tr>

                <td>{{ forloop.counter }}</td>

                <td>{{ p.id }}</td>

                <td>{{ p.name }}</td>

                <td>{{ p.age }}</td>

                <td>{{ p.birthday|date:'Y-m-d' }}</td>

                <td>

                    <button class="btn btn-danger del"><i class="fa fa-trash-o">删除</i></button>

                </td>

                </tr>

            {% endfor %}

        </tbody>

</table>

  </div>

</div>

</div>

<script src="/static/jquery-3.3.1.js"></script>

<script src="/static/bootstrap/js/bootstrap.min.js"></script>

<script src="/static/sweetalert/sweetalert.min.js"></script>

<script src="/static/setupajax.js"></script>

<script>

    // 找到删除按钮绑定事件

    $(".del").on("click", function () {

        var $trEle = $(this).parent().parent();

        var delId = $trEle.children().eq(1).text();

        swal({

          title: "你确定要删除吗？",

          text: "一旦删除就找不回来了",

          type: "warning",

          showCancelButton: true,

          confirmButtonClass: "btn-warning",

          confirmButtonText: "确认",

          cancelButtonText: "取消",

          closeOnConfirm: false,

          showLoaderOnConfirm: true

        },

        function(){

            // 向后端发送删除的请求

            $.ajax({

                url: "/delete/",

                type: "post",

                data: {"id":delId},

                success:function (arg) {

                    swal(arg, "你可以跑路了！", "success");

                    $trEle.remove();

                }

            });

        });

    })

</script>

</body>

</html>
$(".btn-danger").on("click", function () {

  swal({

    title: "你确定要删除吗？",

    text: "删除可就找不回来了哦！",

    type: "warning",

    showCancelButton: true,

    confirmButtonClass: "btn-danger",

    confirmButtonText: "删除",

    cancelButtonText: "取消",

    closeOnConfirm: false

    },

    function () {

      var deleteId = $(this).parent().parent().attr("data_id");

      $.ajax({

        url: "/delete_book/",

        type: "post",

        data: {"id": deleteId},

        success: function (data) {

          if (data.status === 1) {

            swal("删除成功!", "你可以准备跑路了！", "success");

          } else {

            swal("删除失败", "你可以再尝试一下！", "error")

          }

        }

      })

    });

})
day72 2018-05-16

1. 内容回顾

    1. Cookie是什么

        保存在浏览器端的键值对

        为什么要有Cookie?

            因为HTTP请求是无状态的

        Cookie的原理？

            服务端可以在返回响应的时候 做手脚

            在浏览器上写入键值对（Cookie）

            浏览器发送请求的时候会自动携带该网站保存在我浏览器的键值对（Cookie）

        Django 从请求携带的Cookie中取值：

            request.COOKIES.get("is_login")

            request.get_signed_cookie(key, default=None, salt="xxx")

        Django中设置Cookie:(针对的是响应对象)

            rep = HttpResponse()/render(request, "test.html)/redirect()

            rep.set_signed_cookie(key, value, salt="xxx", max_age=7)

        Django中删除Cookie:(注销)

            rep.delete_cookie(key)

    2. Session是什么

        Session保存在服务端的键值对

        Session依赖于Cookie

        dsadasdsadsafsjkndf: {"is_login": 1, "name": "xiaohei", "age":18}

        dsaasdaknfgreryywdf: {"is_login": 1, "name": "xiaobai", "age":20}

        wqrqrteknfgzddasqfg: {"is_login": 0, "name": "xiaohui", "age":48}

        给浏览器写入Cookie:

            sessionid:wqrqrteknfgzddasqfg

        1. 从用户发来的请求的Cookie中 根据 sessionid 取值， 取到 wqrqrteknfgzddasqfg

        2. 根据特殊字符串找到对应的 Session 数据  --> {"is_login": 0, "name": "xiaohui", "age":48}

        3. request.session.get("is_login")    --> 从Session取值

        Django中设置Session:

            request.session["is_login"] = 1

            request.session.set_expiry(7)  # 设置超时时间 (Cookie和Session数据的)

            在settings.py中设置，每次请求都刷新Session超时时间

            SESSION_SAVE_EVERY_REQUEST = True 

        Django中删除Session:

            request.session.flush()     清除Cookie和Session数据

            request.session.clear_expired()  将所有Session失效日期小于当前日期的数据删除

2. 今日内容

    AJAX

    1. 预备知识 JSON

    2. 我们之前已经学过的发请求的方式：

        1. 直接在地址栏输入URL回车     GET请求

        2. a标签                       GET请求

        3. form表单                    GET/POST请求

        4. AJAX                        GET/POST请求

    3. AJAX 特点：

        1. 异步

        2. 局部刷新浏览器（偷偷发请求）

3. 今日作业

绝知此事要躬行！！！

1. 检测用户名是否已经存在！

2. 把Sweetalet插件

3. 复习jQuery的内容

9.20Ajax知识sweetalet的更多相关文章

  1. 你必须知道的EF知识和经验

    注意:以下内容如果没有特别申明,默认使用的EF6.0版本,code first模式. 推荐MiniProfiler插件 工欲善其事,必先利其器. 我们使用EF和在很大程度提高了开发速度,不过随之带来的 ...

  2. MySQL高级知识- MySQL的架构介绍

    [TOC] 1.MySQL 简介 概述 MySQL是一个关系型数据库管理系统,由瑞典MySQL AB公司开发,目前属于Oracle公司. MySQL是一种关联数据库管理系统,将数据保存在不同的表中,而 ...

  3. 学点HTTP知识

    不学无术 又一次感觉到不学无术,被人一问Http知识尽然一点也没答上来,丢人丢到家了啊.平时也看许多的技术文章,为什么到了关键时刻就答不上来呢? 确实发现一个问题,光看是没有用的,需要实践.看别人说的 ...

  4. java中的字符串相关知识整理

    字符串为什么这么重要 写了多年java的开发应该对String不陌生,但是我却越发觉得它陌生.每学一门编程语言就会与字符串这个关键词打不少交道.看来它真的很重要. 字符串就是一系列的字符组合的串,如果 ...

  5. [C#] C# 知识回顾 - 你真的懂异常（Exception）吗？

    你真的懂异常(Exception)吗? 目录 异常介绍 异常的特点 怎样使用异常 处理异常的 try-catch-finally 捕获异常的 Catch 块 释放资源的 Finally 块 一.异常介 ...

  6. [C#] C# 知识回顾 - 学会处理异常

    学会处理异常 你可以使用 try 块来对你觉得可能会出现异常的代码进行分区. 其中,与之关联的 catch 块可用于处理任何异常情况. 一个包含代码的 finally 块,无论 try 块中是否在运行 ...

  7. [C#] C# 知识回顾 - 学会使用异常

    学会使用异常 在 C# 中,程序中在运行时出现的错误,会不断在程序中进行传播,这种机制称为“异常”. 异常通常由错误的代码引发,并由能够更正错误的代码进行 catch. 异常可由 .NET 的 CLR ...

  8. [C#] C# 知识回顾 - 异常介绍

    异常介绍 我们平时在写程序时,无意中(或技术不够),而导致程序运行时出现意外(或异常),对于这个问题, C# 有专门的异常处理程序. 异常处理所涉及到的关键字有 try.catch 和 finally ...

  9. [.NET] C# 知识回顾 - Event 事件

    C# 知识回顾 - Event 事件 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/6060297.html 序 昨天,通过<C# 知识回顾 - ...

随机推荐

  1. PDF文件转换成Excel表格的操作技巧

    我们都知道2007以上版本的Office文档,是可以直接将文档转存为PDF格式文档的.那么反过来,PDF文档可以转换成其他格式的文档吗?这是大家都比较好奇的话题.如果可以以其他格式进行保存,就可以极大 ...

  2. 在ABBYY中如何修正倾斜的PDF页面

    作为一名文案工作者,每天都要跟各种PDF文件打交道,合同.报价单.协议书等等等,通常提供给客户的都是扫描之后的PDF文档,虽说都是机器扫描,但毕竟是人为放置的,难免位置放置不齐,导致扫描出来的文档出现 ...

  3. [原]C# 常用函数统计

    1.获取MD5 string MD5Compute(string strPwd) { MD5CryptoServiceProvider m5 = new MD5CryptoServiceProvide ...

  4. HttpServletRequest -- 获取请求主机真实的IP地址

    在JSP里,获取客户端的IP地址的方法是:request.getRemoteAddr(),这种方法在大部分情况下都是有效的.但是在通过了 Apache,Nagix等反向代理软件就不能获取到客户端的真实 ...

  5. Java 代码块：静态代码块、构造代码块、构造函数块

    Class : StaticFa package edu.bai.du.lime.staticCode; public class StaticFa { // 随着类的声明而执行 static { S ...

  6. MacOS的多重启动工具

    在osx Lion升级到Mavericks后原有的refit(http://refit.sourceforge.net)启动管理工具就失效了,refit已经停止更新,新的分支项目时rEFInd(htt ...

  7. linux 网卡配置信息

    vi /etc/sysconfig/network-scripts/ifcfg-eth0

  8. Nginx 域名重定向

    假设 www.old.com 为旧的域名,而 www.new.com 为新的域名,要实现当我们访问 new 的时候自动重定向到 old 域名,配置如下: server { //第一种配置方法 serv ...

  9. ClamAV病毒软件的安装和使用

    ClamAV 杀毒是Linux平台最受欢迎的杀毒软件,ClamAV属于免费开源产品,支持多种平台,如:Linux/Unix.MAC OS X.Windows.OpenVMS.ClamAV是基于病毒扫描 ...

  10. ajax和promise的结合使用

    在需要依赖完成的ajax请求可使用promise保证执行顺序 在第一个请求正确返回后再发送第二个请求 /* 定义一个使用promise的ajax请求,这里依赖jquery 参数中请求url为必填参数 ...