2018-10-13 14:20:59

越努力,越幸运!

永远不要高估自己!

Django的渲染是在render()时候渲染的,然后把字符串传给浏览器

Django请求流程,

跨域

参考链接: http://www.cnblogs.com/yuanchenqi/articles/7638956.html

jsonp

就是通过 <scrip src =" "> 接收数据

Ajax传输jsonp

放上 index.html

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

</head>

<body>

<h3>INDEX</h3>

<button class="get_service">洗剪吹</button>

<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>

<script>

    function alex(arg) {

          console.log(arg);

          console.log(typeof arg);

          var data=JSON.parse(arg);

          console.log(data);

          console.log(typeof data);

   }

    function get_jsonp_data(url) {

            var ele_script=$("<script>");

            ele_script.attr("src",url)

            ele_script.attr("id","jsonp");

            $("body").append(ele_script);

            $("#jsonp").remove()

    }

     $(".get_service-1").click(function () {

         $.ajax({

             url:"http://127.0.0.1:8008/service/",

             success:function (data) {

                 console.log(data)

             }

         })

     })

     $(".get_service-2").click(function () {

         get_jsonp_data("http://127.0.0.1:8008/service/?callbacks=alex")

     });

    // 终极形式

      $(".get_service-3").click(function () {

         $.ajax({

             url:"http://127.0.0.1:8008/service/",

             type:"get",

             dataType:"jsonp",     // 伪造ajax  基于script

             jsonp: 'callbacks',

             //jsonpCallback:"alex",

             success:function (data) {

                 console.log(data)

             }

         })

     })

      // 应用

      $(".get_service-4").click(function () {

         $.ajax({

             url:"http://www.jxntv.cn/data/jmd-jxtv2.html",

             type:"get",

             dataType:"jsonp",     // 伪造ajax  基于script

             jsonp: 'callbacks',

             jsonpCallback:"list",

             success:function (data) {

                 //console.log(data.data);

                 var html="";

                 $.each(data.data,function (index,weekday) {

                     console.log(weekday); // {week: "周一", list: Array(19)}

                     html+='<p>'+weekday.week+'</p>';

                     $.each(weekday.list,function (j,show) {

                        html+= '<p><a href='+show.link+'>'+show.name+'</a></p>'

                     })

                 });

                 $("body").append(html)

             }

         })

     })

</script>

</body>

</html>

笔记:

day85

上节回顾：

    class BookForm(forms.Form):

        title=forms.CharField()

        price=forms.FloatField()

    def add():

        if request.method=="POST":

              form=BookForm(request.POST)

            if form.is_valid():

                pass

            else:

                pass

        #form=BookForm()

        return render(request,"add.html")

    add.html:

        # 方案1

        <form action="">

            <p>名称<input type="text"name="title"></p>

            <p>价格<input type="text"name="price"></p>

            <input type="submit">

        </form>

         # 方案2

        <form action="" method="post">

              {% csrf_token %}

              {% for field in form %}

                <div>

                 {{ field.label }}

                 {{ field }}

                </div>

              {% endfor %}

            <input type="submit">

        </form>

    ######################################################

    forms.ChoiceField(Field)      ----select

    forms.ModelChoiceField(ChoiceField)  ----select

    forms.ModelMultipleChoiceField(ModelChoiceField)  ----select multiple

跨域

    jsonp

         同源是指，协议，域名，端口相同。 

    cors

admin配置

会议室预定

10.13 Django随笔的更多相关文章

  1. 背水一战 Windows 10 (13) - 绘图: Stroke, Brush

    [源码下载] 背水一战 Windows 10 (13) - 绘图: Stroke, Brush 作者:webabcd 介绍背水一战 Windows 10 之 绘图 Stroke - 笔划 Brush ...

  2. macOs升级到10.13.1Beta || JAVA升级到最新版之后PhpStorm菜单栏问题

    macOs升级到10.13.1Beta || JAVA升级到最新版之后PhpStorm菜单栏会消失,估计不止出现在PhpStorm,一系列jetbrains的产品可能都会有这个问题,包括eclipis ...

  3. 关于MacOS升级10.13系统eclipse菜单灰色无法使用解决方案

    最近,苹果发布了macOS High Sierra,版本为10.13,专门针对mac pro的用户来着,至于好处大家到苹果官网看便是,我就是一个升级新版本系统的受益者,同时也变成了一个受害者:打开ec ...

  4. 解锁 vmware esxi 6.7 并安装 mac os 10.13

    1.安装 esxi 6.7 2.下载 unlocker 2.1.1.zip 3.上传 unlocker 2.1.1.zip esxi的磁盘中 4.开启esxi的ssh登录 5.使用 ssh 登录 es ...

  5. MacOS 10.13.6 下装xcode 流程

    1.最好先安装brew https://github.com/Homebrew/brew/releases 自动安装脚本 /usr/bin/ruby -e "$(curl -fsSL htt ...

  6. 荣耀MagicBook黑苹果（i7）High Sierra 10.13.6

    这里有大佬维护的新版本EFI,对应10.14.4:https://github.com/hjmmc/Honor-Magicbook ---------------------------------- ...

  7. window64位电脑如何通过VMware Workstation12.5.6安装苹果操作系统 macOS High Sierra 10.13

    1.下载 VMware-workstation-full-12.5.6.exe,macOS High Sierra 10.13.iso 2.安装 VMware-workstation时不要选择C盘,因 ...

  8. VMware15安装MAC（MAC OS 10.13）(OS X 10.14)原版可升级最新可解锁macOS Unlocker3.0（OS X 10.13）

      目录树 1.1.2安装环境: 1.1.3所需资源: 1.1.4 Unlocker 3.0解锁 1.1.5 配置环境 1.1.6开始安装 1.1.7开启虚拟机进入MAC安装界面 1.1.8 macO ...

  9. macOS 10.13 High Sierra odoo11 开发配置--完整版

    1.抹盘安装macOS Sierra 10.13: 制作macOS安装启动盘参见:http://www.iplaysoft.com/macos-usb-install-drive.html 2.安装g ...

随机推荐

  1. Go语言之高级篇beego框架之模型（Models）

    一.模型(Models) 1.beego-orm的相关特性 支持 Go 的所有类型存储 -轻松上手,采用简单的 CRUD 风格 -自动 Join 关联表 跨数据库兼容查询 允许直接使用 SQL 查询/ ...

  2. 《学习opencv》笔记——矩阵和图像操作——cvAnd、cvAndS、cvAvg and cvAvgSdv

    矩阵和图像的操作 (1)cvAnd函数 其结构 void cvAnd( //将src1和src2按像素点取"位与运算" const CvArr* src1,//第一个矩阵 cons ...

  3. SDUT 3002-素数间隙（素数筛+暴力）

    素数间隙 Time Limit: 1000ms   Memory limit: 262144K  有疑问?点这里^_^ 题目描写叙述 Neko猫是一个非常喜欢玩数字游戏的会说话的肥猫,常常会想到非常多 ...

  4. Word批量删除所有书签

    Word中的书签功能可快速.准确定位文档中特定的位置,经常用于模板定制.文档产出等. 可一直以来,书签功能存在一个不便的操作,即无法批量删除,只能单个删除,操作极不友好. 解决方案 我用代码暂时还改变 ...

  5. C# Callback思维

    方式一.用委托作为形参,把结果传回实参方式二.通过接口实现方式三.通过事件关联,适用桌面应用程序方式四.子窗体调用父窗体的函数(委托) 方式一.用委托作为形参,把结果传回实参 public parti ...

  6. 基于Docker的redis集群搭建

    Redis集群官方介绍:http://www.redis.cn/topics/cluster-tutorial.html 基于Docker搭建Redis集群 环境:6个节点,三主三从 制作Redis镜 ...

  7. 【GMT43智能液晶模块】例程四：SYSTICK定时器——定时读取触摸值

    实验原理: 本实验采用系统定时器,通过简单的初始化定时20ms,每20ms读取一次触 摸值,并基于emWin的UI界面将读到的触摸值显示在界面上. 实验现象: 源代码下载链接: 链接:http://p ...

  8. Ubuntu和centos离线安装软件包（apt和yum）

    linux安装软件包要解决包依赖问题,不能简单安装包本身. 离线安装基本思想都是先在一台设备上安装下载所有依赖包,然后拷贝所有依赖包到新设备上安装. Ubuntu下apt离线安装包 执行apt upd ...

  9. Java知多少（41）泛型详解

    我们知道,使用变量之前要定义,定义一个变量时必须要指明它的数据类型,什么样的数据类型赋给什么样的值. 假如我们现在要定义一个类来表示坐标,要求坐标的数据类型可以是整数.小数和字符串,例如: x = 1 ...

  10. Qt动态库静态库的创建、使用、多级库依赖、动态库改成静态库等详细说明

    本文描述的是windows系统下,通过qtcreator在pro文件中添加动态库与静态库的方法: 1.添加动态库(直接添加动态库文件.dll,非子项目) 通过qtcreator创建动态库的方法就不在此 ...