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大学,年少轻狂,在大学期间迷信创业,觉得大学里的许多课程如同吃翔一样学了几乎一辈子都用不 ...
随机推荐
- Chromium Embedded Framework (CEF)_3.2171.1979_v20170602_x86.tar.xz
CEF 为观看各个直播平台而特此修改的浏览器 可以单独提取 Flash 视频, 并可以修改视频的大小等功能 这次修改是主要针对 YY web 直播平台 对录屏的朋友有很大帮组 CEF_3.2171.1 ...
- 解决tomcat报错javax.imageio.IIOException: Can't create output stream!
启动tomcat catalina.out报错如下,登陆的时候无法显示验证码 2017-06-09 11:23:06,628 DEBUG org.springframework.web.servlet ...
- Centos 安装 Nginx 详细过程
系统 Centos 64位 第一步,首先下载Nginx的tar包及安装依赖的工具tar包. Nginx: http://nginx.org/en/download.html Nginx需要依赖下面3个 ...
- signal & slot
The Qt signals/slots and property system are based on the ability to introspect the objects at runti ...
- postman 设置api_token,测试数据等操作
在postman的环境变量中先设置好一个用户的token(事先你的数据库里面要有用户的这个数据),如下图: 然后在api请求的url 的head头部添加对应的token键名,value值用花括号{{t ...
- js——class基础
js的类?其实还是原型! class Point{ constructor(x, y){ this.x = x; this.y = y; } toString(){ return '(' + this ...
- Android&Java面试题大全—金九银十面试必备
声明本文由作者:Man不经心授权转载,转载请联系原文作者原文链接:https://www.jianshu.com/p/375ad14096b3, 类加载过程 Java 中类加载分为 3 个步骤:加载. ...
- js调用ajax案例
js调用ajax案例 测试地址:http://www.w3school.com.cn/tiy/t.asp?f=ajax_get 嵌入下面代码,点击提交,再点击请求数据.就可以看到结果了. <ht ...
- Oauth2.0 QQ&微信&微博实现第三方登陆
一.写在前面 目前对于大多数的App或Web网站都支持有第三方登陆这个功能,用户可使用 QQ/ 微信/ 微博 帐号快速登录你的网站,降低注册门槛,为你的网站带来海量新用户.最近在新项目上刚好用到了,在 ...
- Java 的 Api 文档生成工具 JApiDocs 程序文档工具
JApiDocs 详细介绍 简介 JApiDocs 是一个符合 Java 编程习惯的 Api 文档生成工具.最大程度地利用 Java 的语法特性,你只管用心设计好接口,添加必要的注释,JApiDocs ...