<!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. html5 - drag 拖拽

    参考资料: 张鑫旭             : http://www.zhangxinxu.com/wordpress/2011/02/html5-drag-drop-%E6%8B%96%E6%8B% ...

  2. 增加一台web机注意事项

    2017年4月18日 15:23:57 星期二 增加一台web机时, 先不要挂载进lb 1. 需要将此机器的ip加入到其它服务的白名单内: 数据库, 缓存, 第三方接口等 2. 绑定hosts, 点点 ...

  3. 如何：配置 ClickOnce 信任提示行为

    转载链接:https://technet.microsoft.com/zh-cn/magazine/ee308453 可以配置 ClickOnce 信任提示以控制是否允许最终用户选择安装 ClickO ...

  4. python序列(列表，元组，字典)的增删改查

    列表 操作 列表 方法 示例 增加 list.append(obj) 增加元素到末尾 eg. >>> list1=['hello','world','how','are','you' ...

  5. 51nod--1264 线段相交 （计算几何基础， 二维）

    题目: 1264 线段相交 基准时间限制:1 秒 空间限制:131072 KB 分值: 0 难度:基础题 收藏 关注 给出平面上两条线段的两个端点,判断这两条线段是否相交(有一个公共点或有部分重合认为 ...

  6. PHPStorm配置Xdebug官方文档

    1 配置Xdebug 下载Xdebug 下载与您的PHP版本兼容的Xdebug扩展,并将其保存在该php/文件夹中. php/文件夹 的位置是在安装PHP引擎期间定义的. 如果您使用的是AMP软件包, ...

  7. Python-WEB -VUE初识

    走进Vue_渐进式 JavaScript 框架 通过对框架的了解与运用程度,来决定其在整个项目中的应用范围,最终可以独立以框架方式完成整个web前端项目 what -- 什么是Vue 可以独立完成前后 ...

  8. Confluence 6 设置 Oracle 数据库准备

    请查看 Supported Platforms 页面来获得 Confluence 系统支持的 Oracle 数据库版本.你需要在安装 Confluence 之前升级你的 Oracle 数据库. 如果你 ...

  9. gnuradio 创建cos_source

    C++教程 ys_linux@computer:~$ gr_modtool nm kcd Creating out-of-tree module in ./gr-kcd... Done. Use 'g ...

  10. laravel 关联查询