<!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. 第八次作业（课堂实战）- 项目UML设计（团队）

    1. 团队信息 队名:小白吃队 成员: 后敬甲 031602409 卢泽明 031602328 蔡文斌 031602301 葛亮 031602617 刘浩 031602423 黄泽 031602317 ...

  2. 关于hostapd的调试

    对于hostapd和wpa_supplicant 的调试时,希望显示更多的调试信息. 未改动代码时,可以将hostapd 进程拉起时所跟的参数加上"-dd". 即使这样,也不能满足 ...

  3. web@h,c小总结

    问题0:元素内联元素,行内元素,行内块元素.        内联: 宽高M,P都有效        行内元素:无宽高,内容撑开,M,P左右有效        行内块元素:可设宽高,内容撑开,M,P都有 ...

  4. MySQL的连接数

    我使用的数据库,没有针对其进行其他相关设置,最近经常出现连接异常,现象为太多的连接. MySQL查看最大连接数和修改最大连接数 1.查看最大连接数(可通过show variables查看其他的全局参数 ...

  5. Ex 7_17 考虑如下的网络(其中数字为对应边的容量)...第十三次作业

    (a) 利用ford-fulkerson算法即可求出最大流和最小分割. (b) 剩余网络为 由S可达的顶点为A.B.可达T的顶点为C. (c) 瓶颈边有e(A,C),e(B,C). (d) 下图中不包 ...

  6. Codeforces 993E Nikita and Order Statistics [FFT]

    洛谷 Codeforces 思路 一开始想偏想到了DP,后来发现我SB了-- 考虑每个\(a_i<x\)的\(i\),记录它前一个和后一个到它的距离为\(L_i,R_i\),那么就有 \[ an ...

  7. bzoj4025 二分图 [分治，并查集]

    传送门 思路 是二分图的充要条件:图没有奇环. 考虑按时间分治,用可撤销并查集维护点到根的距离. 仍然可以用一个小trick把两点连边变成根连边,可以看这里. 每次连边时若不连通则连上,否则判一下有没 ...

  8. Java 的 Api 文档生成工具 JApiDocs 程序文档工具

    JApiDocs 详细介绍 简介 JApiDocs 是一个符合 Java 编程习惯的 Api 文档生成工具.最大程度地利用 Java 的语法特性,你只管用心设计好接口,添加必要的注释,JApiDocs ...

  9. linux符号与正则表达式

    特殊符号    >    或者1>   标准输出重定向 先把文件的内容清空  再放入新的内容 >> 或   2>>  追加重定向  把内容放入文件的最后一行 1   ...

  10. laravel 路由模型绑定

    我们在使用路由的时候一个很常见的使用场景就是根据资源 ID 查询资源信息: Route::get('task/{id}', function ($id) { $task = \App\Models\T ...