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. char与TCHAR相互转换（拒绝中文乱码，好用！）

    C++编程中屡屡要遇到宽窄字符转换的问题,尤其是字符串中有中文,稍有不慎就会中文乱码,程序运行出错. 下面为char*.char[]与TCHAR*.TCHAR[]互转的用法,不求花哨,只求好用!请参考 ...

  2. .NET工具集合

    工具 (1) 代码分析 .NET Memory Profiler - http://memprofiler.com/ANTS Profiler - http://www.red-gate.com/co ...

  3. sql 理解

    select b.*,  b.model_ent_name+cast(m.year as varchar)as modelname, m.index_value as val into #tb fro ...

  4. php 图片上传 500 Internal Server Error 错误

    写php简单上传图片时,发现200k的图片上传时报Internal Server Error错误,检查了upload_max_filesize,及其他post_max_size.max_input_t ...

  5. underscore.js定义模板遇到问题：Uncaught TypeError: Cannot read property 'replace' of undefined

    代码正确缩进位置如下, extend "layout" block 'content',-> div ->'nihao' script id:"Invoice ...

  6. RFC文件

    RFC(Request For Comments)-意即“请求评议”,包含了关于Internet的几乎所有重要的文字资料.如果你想成为网络方面的专家,那么RFC无疑是最重要也是最经常需要用到的资料之一 ...

  7. javascript使用jQuery加载CSV文件+ajax关闭异步

    <script src="jquery-3.3.1.min.js"></script>定义一个csv函数// 关闭异步,否则cesium初始化的时候,csv ...

  8. IOS音频1:之采用四种方式播放音频文件（一）AudioToolbox AVFoundation OpenAL AUDIO QUEUE

    本文转载至 http://blog.csdn.net/u014011807/article/details/40187737 在本卷你可以学到什么? 采用四种方法设计应用于各种场合的音频播放器: 基于 ...

  9. URI跳转方式地图导航的代码实践

    本文转载至 http://adad184.com/2015/08/11/practice-in-mapview-navigation-with-URI/ 前言 之前介绍了我正在做的是一款定位主打的应用 ...

  10. tp3.2 ajax 表单提交

    前台: 1 <form action="javascript:;" method="post" class="form_div" id ...