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. Kafka：ZK+Kafka+Spark Streaming集群环境搭建（三十）：使用flatMapGroupsWithState替换agg

    flatMapGroupsWithState的出现解决了什么问题: flatMapGroupsWithState的出现在spark structured streaming原因(从spark.2.2. ...

  2. java多线程有哪些实际的应用场景？

    多线程使用的主要目的在于: 1.吞吐量:你做WEB,容器帮你做了多线程,但是他只能帮你做请求层面的.简单的说,可能就是一个请求一个线程.或多个请求一个线程.如果是单线程,那同时只能处理一个用户的请求. ...

  3. Linux 下Tomcat配置远程访问管理端

    1:修改Tomcat默认端口号,将默认的8080修改为8081 apache-tomcat-8.5.31\conf\server.xml <Connector port="8081&q ...

  4. SNF快速开发平台MVC-EasyUI3.9之-WebApi身份验证问题解决方案

    在我们的整体bs框架当中前端采用的是MVC+WebApi的处理方式.WebApi使用起来确实很方便但也会有新的麻烦事,就是身份验证. 如果没有启用身份认证,那么任何匿名用户只要知道了我们服务的url, ...

  5. GuavaCache学习笔记三：底层源码阅读

    申明:转载自 https://www.cnblogs.com/dennyzhangdd/p/8981982.html 感谢原博主的分享,看到这个写的真好,直接转载来,学习了. 另外也推荐另外一篇Gua ...

  6. 复习下C 链表操作（双向循环链表，查找循环节点）

    双向循环链表  和 单向循环链表 查找循环节点 思路都是一样. 快慢指针查找法. 理论可参考 c 链表之 快慢指针 查找循环节点 typedef struct Student_Double { ]; ...

  7. 第一部分：开发前的准备-第一章 什么是Andorid

    第1章 什么是Android Android是一个移动设备的软件栈,它包含操作系统,中间件和一些关键的应用.Android SDK提供工具和必要的API用来在Android平台上使用java程序语言来 ...

  8. 初识HTTPS

    初识HTTPS HTTPS也被叫做“基于TLS的HTTP,基于SSL的HTTP,HTTP安全“,它是一个在Internet上广泛使用的计算机网络安全通信协议. 即HTTPS是HTTP的安全版本,在了解 ...

  9. .NET+MVC+ORACLE存储分页查询一前端实现

    MemberList.cshtml @{    ViewBag.Title = "用户列表";    Layout = null;} <!DOCTYPE html> & ...

  10. 十大高明的Google搜索技巧

    WHY 对于google检索,有时需要技巧会得到更好的检索结果,不用简单输入关键字检索后,一个个去浏览.对于这些技巧,基本都知道,但是如果不经常用,总是忘了,又得重新搜索下具体使用方法,这里就把它放到 ...