<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>about_jsonp2 xyz</title>

</head>

<body>

<button id="b1">点我</button>

<button id="b2">点我cba</button>

<form action="https://www.sogou.com/web" method="get">

    <input type="text" name="query">

    <input type="submit" value="搜">

</form>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>

<!--

<script>

    function alex(res) {

        console.log('我是大帅逼！');

        console.log(res);

    }

    function bhj(res) {

        console.log(res);

        $.each(res, function (k, v) {

            console.log(k, v)

        })

    }

</script>

-->

    $('#b2').click(function () {

        $.ajax({

            url: 'http://www.jxntv.cn/data/jmd-jxtv2.html?callback=list&_=1454376870403',

            dataType: 'jsonp',

            jsonp: 'callback',

            jsonpCallback: 'list',

            success: function (data) {

                var weekList = data.data;

                var $tvListEle = $(".tv-list");

                $.each(weekList, function (k, v) {

                    var s1 = "<p>" + v.week + "列表</p>";

                    $tvListEle.append(s1);

                    $.each(v.list, function (k2, v2) {

                        var s2 = "<p><a href='" + v2.link + "'>" + v2.name + "</a></p>";

                        $tvListEle.append(s2)

                    });

                    $tvListEle.append("<hr>");

                })

            }

        })

    })

<!--7

<script>

     $("#b1").click(function () {

        $.ajax({

            url: "http://127.0.0.1:8010/abc/",

            dataType: "jsonp",  // 指定此次请求是jsonp形式

            success:function (res) {

                console.log(res);

            }

        })

    })

</script>

-->

<!-- 06

<script>

    function lyl(res){

        console.log("我是凌云龙！");

        console.log(res);

    }

    $("#b1").click(function () {

        $.ajax({

            url: "http://127.0.0.1:8010/abc/",

            dataType: "jsonp",  // 指定此次请求是jsonp形式

            jsonp: "callback",  // 回调函数的URL参数

            jsonpCallback: "lyl"  // 回调函数的函数名

        })

    })

</script>

-->

<!-- 05

<script>

    $("#b1").click(function () {

        $.getJSON("http://127.0.0.1:8010/abc/?callback=?", function (res) {

            console.log(res);

        })

    })

</script>

-->

<!-- 04

<script>

    function addScriptTag(url, func){

        var scriptEle = document.createElement("script");

        $(scriptEle).attr("src", url+"?callback=" + func);

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

        $(scriptEle).remove();

    }

    $("#b1").click(function () {

        addScriptTag("http://127.0.0.1:8010/abc/", "alex")

    });

    $("#b2").click(function () {

        addScriptTag("http://127.0.0.1:8010/cba/", "bhj")

    })

</script>

-->

<!-- 03

<script>

    $("#b1").click(function () {

        var scriptEle = document.createElement("script");

        $(scriptEle).attr("src", "http://127.0.0.1:8010/abc/");

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

        $(scriptEle).remove();

    })

</script>

-->

<!-- 02

<script src="http://127.0.0.1:8010/abc/"></script>

-->

<!-- 01

<script>

    $("#b1").click(function () {

        $.ajax({

            url: "http://127.0.0.1:8010/abc/",

            type: "get",

            success:function (res) {

                console.log(res);

            }

        })

    });

</script>

-->

</body>

</html>

jsonp推到过程

https://www.cnblogs.com/liwenzhou/p/9513648.html

python全栈开发day81--jsonp的更多相关文章

  1. Python全栈开发【面向对象进阶】

    Python全栈开发[面向对象进阶] 本节内容: isinstance(obj,cls)和issubclass(sub,super) 反射 __setattr__,__delattr__,__geta ...

  2. Python全栈开发【面向对象】

    Python全栈开发[面向对象] 本节内容: 三大编程范式 面向对象设计与面向对象编程 类和对象 静态属性.类方法.静态方法 类组合 继承 多态 封装 三大编程范式 三大编程范式: 1.面向过程编程 ...

  3. Python全栈开发【模块】

    Python全栈开发[模块] 本节内容: 模块介绍 time random os sys json & picle shelve XML hashlib ConfigParser loggin ...

  4. Python全栈开发【基础四】

    Python全栈开发[基础四] 本节内容: 匿名函数(lambda) 函数式编程(map,filter,reduce) 文件处理 迭代器 三元表达式 列表解析与生成器表达式 生成器 匿名函数 lamb ...

  5. Python全栈开发【基础三】

    Python全栈开发[基础三]  本节内容: 函数(全局与局部变量) 递归 内置函数 函数 一.定义和使用 函数最重要的是减少代码的重用性和增强代码可读性 def 函数名(参数): ... 函数体 . ...

  6. Python全栈开发【基础二】

    Python全栈开发[基础二] 本节内容: Python 运算符(算术运算.比较运算.赋值运算.逻辑运算.成员运算) 基本数据类型(数字.布尔值.字符串.列表.元组.字典) 其他(编码,range,f ...

  7. Python全栈开发【基础一】

    Python全栈开发[第一篇] 本节内容: Python 的种类 Python 的环境 Python 入门(解释器.编码.变量.input输入.if流程控制与缩进.while循环) if流程控制与wh ...

  8. python 全栈开发之路 day1

    python 全栈开发之路 day1   本节内容 计算机发展介绍 计算机硬件组成 计算机基本原理 计算机 计算机(computer)俗称电脑,是一种用于高速计算的电子计算机器,可以进行数值计算,又可 ...

  9. Python全栈开发

    Python全栈开发 一文让你彻底明白Python装饰器原理,从此面试工作再也不怕了. 一.装饰器 装饰器可以使函数执行前和执行后分别执行其他的附加功能,这种在代码运行期间动态增加功能的方式,称之为“ ...

  10. 老男孩最新Python全栈开发视频教程（92天全）重点内容梳理笔记 看完就是全栈开发工程师

    为什么要写这个系列博客呢? 说来讽刺,91年生人的我,同龄人大多有一份事业,或者有一个家庭了.而我,念了次985大学,年少轻狂,在大学期间迷信创业,觉得大学里的许多课程如同吃翔一样学了几乎一辈子都用不 ...

随机推荐

  1. day2 --> pyc 文件

    执行python 代码时,如果导入了其他的.py文件,那么,执行过程中会自动生成一个与其同名的.pyc文件,该文件就是python解释器便宜之后产生的字节码. PS:代码经过便宜可以产生字节码;字节码 ...

  2. Linux VPS基础命令 - cp复制文件命令

    cp命令在Linux VPS操作和应用过程中还是比较常用的,我们可以用来复制文件或者文件夹,重命名一个新的文件以及复制到其他路径中用于文件的转移. 举例用法: 1.复制root目录下的itbulu.c ...

  3. FreeSWITCH 增删模组

    今天在尝试FreeSWITCH新功能时,遇到一个问题,就是该功能所需要的模组没有加载,导致写了好久的代码不能看到效果,让人很是忧伤啊! 再此,将FS模组增删的方法记录下,以方便遇到同样问题的童鞋. 具 ...

  4. Light OJ 1116

    基础数学:.. #include<bits/stdc++.h> using namespace std; typedef unsigned long long ULL; int main( ...

  5. 【原创】Linux基础之Shell脚本常用命令

    #!/bin/sh 1 取脚本参数 $# 参数个数$0 当前脚本名$1 第1个参数$n 第n个参数$* 所有参数$@ 所有参数$? 上个命令的状态$$ 当前pid 2 日期 $ dateWed Mar ...

  6. AMQP消息队列之RabbitMQ简单示例

    前面一篇文章讲了如何快速搭建一个ActiveMQ的示例程序,ActiveMQ是JMS的实现,那这篇文章就再看下另外一种消息队列AMQP的代表实现RabbitMQ的简单示例吧.在具体讲解之前,先通过一个 ...

  7. url分发（二级分发）

    from django.shortcuts import HttpResponsedef test(request): return HttpResponse('test') from django. ...

  8. Confluence 6 附件存储文件系统的分级

    从 Confluence 3.0 开始,附件的存储方式有了重大的改变和升级.如果你是从 Confluence 2.10 及其早期版本升级上来的,请参考 Upgrading Confluence 页面中 ...

  9. Vue.js结合vue-router和webpack编写单页路由项目

    一.前提 1. 安装了node.js. 2. 安装了npm. 3. 检查是否安装成功: 打开cmd,输入node,没有报“node不是内部或外部命令”表示安装成功node.js. 打开cmd,输入np ...

  10. 【es】创建索引和映射

    参考:http://www.cnblogs.com/sheeva/p/4837881.html 创建索引: curl -XPUT 'http://localhost:9200/some_index' ...