python全栈开发day81--jsonp
<!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的更多相关文章
- Python全栈开发【面向对象进阶】
Python全栈开发[面向对象进阶] 本节内容: isinstance(obj,cls)和issubclass(sub,super) 反射 __setattr__,__delattr__,__geta ...
- Python全栈开发【面向对象】
Python全栈开发[面向对象] 本节内容: 三大编程范式 面向对象设计与面向对象编程 类和对象 静态属性.类方法.静态方法 类组合 继承 多态 封装 三大编程范式 三大编程范式: 1.面向过程编程 ...
- Python全栈开发【模块】
Python全栈开发[模块] 本节内容: 模块介绍 time random os sys json & picle shelve XML hashlib ConfigParser loggin ...
- Python全栈开发【基础四】
Python全栈开发[基础四] 本节内容: 匿名函数(lambda) 函数式编程(map,filter,reduce) 文件处理 迭代器 三元表达式 列表解析与生成器表达式 生成器 匿名函数 lamb ...
- Python全栈开发【基础三】
Python全栈开发[基础三] 本节内容: 函数(全局与局部变量) 递归 内置函数 函数 一.定义和使用 函数最重要的是减少代码的重用性和增强代码可读性 def 函数名(参数): ... 函数体 . ...
- Python全栈开发【基础二】
Python全栈开发[基础二] 本节内容: Python 运算符(算术运算.比较运算.赋值运算.逻辑运算.成员运算) 基本数据类型(数字.布尔值.字符串.列表.元组.字典) 其他(编码,range,f ...
- Python全栈开发【基础一】
Python全栈开发[第一篇] 本节内容: Python 的种类 Python 的环境 Python 入门(解释器.编码.变量.input输入.if流程控制与缩进.while循环) if流程控制与wh ...
- python 全栈开发之路 day1
python 全栈开发之路 day1 本节内容 计算机发展介绍 计算机硬件组成 计算机基本原理 计算机 计算机(computer)俗称电脑,是一种用于高速计算的电子计算机器,可以进行数值计算,又可 ...
- Python全栈开发
Python全栈开发 一文让你彻底明白Python装饰器原理,从此面试工作再也不怕了. 一.装饰器 装饰器可以使函数执行前和执行后分别执行其他的附加功能,这种在代码运行期间动态增加功能的方式,称之为“ ...
- 老男孩最新Python全栈开发视频教程（92天全）重点内容梳理笔记 看完就是全栈开发工程师
为什么要写这个系列博客呢? 说来讽刺,91年生人的我,同龄人大多有一份事业,或者有一个家庭了.而我,念了次985大学,年少轻狂,在大学期间迷信创业,觉得大学里的许多课程如同吃翔一样学了几乎一辈子都用不 ...
随机推荐
- Apollo 框架的剖析1
百度Apollo 自动驾驶开源模块分析 从今天开始研究学习apollo的源码,apollo 3.0源码. apollo 3.0的系统框图 文件目录简介 apollo根目录 ├── .github/IS ...
- CSRFGuard工具介绍
理解CSRFGuard的基础:http://www.runoob.com/jsp/jsp-tutorial.html 1:您需要做的第一件事是将OWASP.CSRFARGAD.JAR库复制到类路径中. ...
- ffmpeg-201701[10,16,21,23,25]-bin.7z
ESC 退出 0 进度条开关 1 屏幕原始大小 2 屏幕1/2大小 3 屏幕1/3大小 4 屏幕1/4大小 5 屏幕横向放大 20 像素 6 屏幕横向缩小 20 像素 S 下一帧 [ -2秒 ] +2 ...
- UVA 11796
题意: 有两个狗, 按照 多边形跑,不知道两条狗的速度,但是狗是同时出发,同时到达终点的 输出两条狗的 最大相距距离 - 最小相距距离: 思路 : 用物理的相对运动来计算, 每次只计算 两条狗的直线 ...
- cocos2d内存管理，类的生命周期
下面资料来自<Cocos2d-x之Lua核心编程>
- AndroidManifest.xml 最全详解
AndroidManifest.xml 是每个android程序中必须的文件,它位于整个项目的根目录.我们每天都在使用这个文件,往里面配置程序运行所必要的组件,权限,以及一些相关信息.但是对于这个文件 ...
- sleep()和wait()的区别及wait方法的一点注意事项
一.查看API sleep是Thread类的方法,导致此线程暂停执行指定时间,给其他线程执行机会,但是依然保持着监控状态,过了指定时间会自动恢复,调用sleep方法不会释放锁对象. 当调用sleep方 ...
- Swift 中 insetBy(dx: CGFloat, dy: CGFloat) -> CGRect 用法详解
insetBy(dx: CGFloat, dy: CGFloat) -> CGRect 点击头文件进去 可以发现它是返回的一个CGRect insetBy方法是CGRect 的一个方法 dx后面 ...
- 字符串为空的比较 ==与equals() 区别(ｷ｀ﾟДﾟ´)!!基础很重要 ！！！
情况描述:我提交的代码,让老大审批了一次,讲真的,对于我来说受益匪浅,其中有一个印象很深的内容:一个字符串是否为空的判断,我以前敲代码一直都是这样写的,可是从来都没有意识到这个东西. 代码: if(s ...
- django----常用功能
request.path_info 获取url地址