<!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. hibernate框架学习之增删改查helloworld

    插入数据删除数据修改数据查询单条数据查询多条数据 HelloWorldApp.java package cn.itcast.h3.helloworld; import org.hibernate.Se ...

  2. codeforces411div.2

    每日CF: 411div2 Solved A CodeForces 805A Fake NP Solved B CodeForces 805B 3-palindrome Solved C CodeFo ...

  3. 解决genymotion-arm-translation.zip无法拖拽安装的问题

    1.问题由来 适用情况一:当我们启动了Genymotion模拟器后,在AndroidStudio运行app时,弹出如下错误: INSTALL_FAILED_CPU_ABI_INCOMPATIABLE ...

  4. win10安装MarkdownPad 2报错This view has crashed的处理及md简单语法

    # #开头是段落的意思 不带#号是普通内容 # 下划线的写法是两个#号 ## # 列表的写法,以*号开头 * spring * summer * autumn * winter # 以竖线开头 > ...

  5. 进程命令ps/top/kill

    进程: 通俗的说就是 当前正在执行的一个程序 命令: ps 英文: process status 作用: 查看进程的详细状况 选项: a:显示终端上的所有进程,包括其他用户的进程 u:显示进程的详细状 ...

  6. 13)django-ORM(连表一对多，外键创建，创建数据，3种查询)

    一对多需要使用外键 一:外键创建ForeignKey b=models.ForeignKey(to="Business",to_field=("id"))#dj ...

  7. conda 安装多个版本的python

    再添加一个python3.6conda create --name py36 python=3.6然后通过source activate py36来激活环境

  8. Matplotlib模块：绘图和可视化

    一.简单介绍Matplotlib 1.Matplotlib是一个强大的Python绘图和数据可视化的工具包 2.安装方法:pip install matplotlib 3.引用方法:import ma ...

  9. 三.NFS存储服务

    01. 课程回顾 备份服务概念介绍(rsync备份服务利用相应算法,实现增量数据同步) 备份服务工作方式说明: 1. 本地数据备份同步方式(类似cp命令) 2. 远程数据备份同步方式(类似scp命令) ...

  10. LeetCode（123）：买卖股票的最佳时机 III

    Hard! 题目描述: 给定一个数组,它的第 i 个元素是一支给定的股票在第 i 天的价格. 设计一个算法来计算你所能获取的最大利润.你最多可以完成 两笔 交易. 注意: 你不能同时参与多笔交易(你必 ...