<!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. 抢红包时用到的redis函数

    2018-2-8 10:25:11 星期四 抢红包时经常会用redis(等其他nosql)的原子性函数去限流, 防止抢超, 下边列出一些主要的原子性函数 限制每个人只能抢一次 getSet(): 设置 ...

  2. golang esl api

    通过ESL 调取FS的状态,比如show calls : 用golang  eventsocket 实现 conn, err := eventsocket.Dial("192.168.5.3 ...

  3. <转载>bellman-ford算法

    转载来源:https://www.cnblogs.com/tanky_woo/archive/2011/01/17/1937728.html 相关文章: 1.Dijkstra算法: http://ww ...

  4. 【转】Jmeter中使用CSV Data Set Config参数化不重复数据执行N遍

    Jmeter中使用CSV Data Set Config参数化不重复数据执行N遍 要求: 今天要测试上千条数据,且每条数据要求执行多次,(模拟多用户多次抽奖) 1.用户id有175个,且没有任何排序规 ...

  5. 安装v2ray+SwitchyOmega使用谷歌***

    系统环境:ubuntu18.04 1.安装v2ray 在root用户下执行命令:bash < (curl  -L -s https://install.direct/go.sh) $ cd /e ...

  6. 洛谷P3676 小清新数据结构题 [动态点分治]

    传送门 思路 这思路好妙啊! 首先很多人都会想到推式子之后树链剖分+线段树,但这样不够优美,不喜欢. 脑洞大开想到这样一个式子: \[ \sum_{x} sum_x(All-sum_x) \] 其中\ ...

  7. Java之动手动脑（三）

    日期:2018.10.12 星期五 博客期:017 这次留了两个动手动脑作业!我需要一个一个来说!先说第一个吧! Part 1 :随机生成1000个随机数 代码: //以下为 RandomMaker. ...

  8. 四.awk、sde深度讲解

    ###sed### 查询 1创建测试文件 cat>person.txt<<EOF> 101,oldboy,CEO> 102,zhangyao,CTO> 103,Al ...

  9. 【mongo】centos6.9安装mongo2.6.3

    参考:http://www.haorooms.com/post/3m 注意:centos6上就不要装mongo3了,容易出错. 1. 下载 curl -O http://downloads.mongo ...

  10. LeetCode（1）： 两数之和

    本内容为LeetCode第一道题目:两数之和 # -*- coding: utf-8 -*- """ Created on Sun Mar 10 19:57:18 201 ...