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. Vue加载组件、动态加载组件的几种方式

    https://cn.vuejs.org/v2/guide/components.html https://cn.vuejs.org/v2/guide/components-dynamic-async ...

  2. 利用Xmanager Enterprise 5的passive显示远程linux主机图形化信息

    问题描述: 最初的需求是,安装oracle数据(第一次安装都是图形化linxu进去一步步操作,后续发现可以命令静默安装不调用图形化,学习就是步步入深,方得始终),最初实现window弹出linux主机 ...

  3. 【转】CLR和JIT的理解、.NET反汇编学习

    CLR:通用语言运行时(Common Language Runtime)的简称,CLR是.NET框架的核心内容之一,可以把它看为一套标准资源,可以呗任何.NET程序使用.它包括:面向对象的编程模型.安 ...

  4. mysql数据库分区功能及实例详解

    分区听起来怎么感觉是硬盘呀,对没错除了硬盘可以分区数据库现在也支持分区了,分区可以解决大数据量的处理问题,下面一起来看一个mysql数据库分区功能及实例详解   一,什么是数据库分区 前段时间写过一篇 ...

  5. Communications link failure due to underlying exception异常处理（转）

    最近的一个项目在Hibernate使用C3P0的连接池,数据库为Mysql.开发测试没有问题,在运行中每个一段长的空闲时间就出现异常: java 代码 org.hibernate.exception. ...

  6. IIS7 配置 PHP5.6

    环境: 操作系统:Win7 & 10 (x64) 中文专业版 PHP       :V5.6 首先添加IIS. 控制面板-〉程序-〉打开或关闭Windows功能 1. 勾选"Inte ...

  7. 自定义progressdialog，改善用户体验

    自定义progressdialog,改善用户体验

  8. mysql搭建主从

    1.主从服务器分别作以下操作: 1.1.版本一致 1.2.初始化表,并在后台启动mysql 1.3.修改root的密码 数据库内容也要保证数据一致 //否则报错, Slave_SQL_Running: ...

  9. Kubernetes集群部署之二CA证书制作

    创建TLS证书和秘钥 kubernetes 系统的各组件需要使用 TLS 证书对通信进行加密,本文档使用 CloudFlare 的 PKI 工具集 cfssl 来生成 Certificate Auth ...

  10. windows python3.7安装numpy问题的解决方法

    我的是win7的系统,去python官网下载python3.7安装 CMD  #打开命令窗口 pip install numpy #在cmd中输入 提示 需要c++14.0, 解决办法: 1, 进入h ...