jsonp(对,通俗易懂)
2024-08-28 14:23:29
jsonp是啥玩意儿呢 ?你猜!
此感叹号意味着以下内容要说正事儿了!!!!!
由于浏览器为了安全限制(他要怎样他说了算,此处不扯远了):只能允许来自同服务器,同域名的同端口号下请求数据(同源),是的jsonp就是为了不受你限制而生的!
。》》。
。
。
。老子实在不想写了 ,但是看别人写的太鸡巴啰嗦了,借别人代码说两句,就一句,你可能就懂了
。
。
<!DOCTYPE html>
<html>
<head>
<title>GoJSONP</title>
</head>
<body>
<script type="text/javascript">
function jsonhandle(data){
alert("age:" + data.age + "name:" + data.name);
}
</script>
<script type="text/javascript" src="jquery-1.8.3.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
type : "get",
async: false,
url : "http://www.practice-zhao.com/student.php?id=1",
type: "json",
success : function(data) {
jsonhandle(data);
} });
});
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>GoJSONP</title>
</head>
<body>
<script type="text/javascript">
function jsonhandle(data){
alert("age:" + data.age + "name:" + data.name);
}
</script>
<script type="text/javascript" src="jquery-1.8.3.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
var url = "http://www.practice-zhao.com/student.php?id=1&callback=jsonhandle";
var obj = $('<script><\/script>');
obj.attr("src",url);
$("body").append(obj);
});
</script>
</body>
</html>
http://www.practice-zhao.com/student.php?id=1&callback=jsonhandle 此地址是一个php的输出getInfo({"username":"张三"})
代码估计你们也看得懂,重点!!重点来了!!!!!!所谓跨域,就是数据共享,接口请求做限制,但是没有对图片,文本,文件等在是否同一来源(同服务器,同域名的同端口号)做限制,比如cdn(此处有人白眼),所以在script标签的src其实是个get请求,这个请求可以是一个js文件也可以是一个js代码!总之它不是一个被限制跨域的接口请求!说白了就是去拿到js代码,想要传的数据整合在这串代码里了(呵呵,早期的web端推送就是这样的原理,push一段代码过来)
mmmp 终于写完了,我就是有点懒
最新文章
- discuz教程:discuz模板js与jQuery冲突的解决方案
- BZOJ 1013 &; 高斯消元
- 不能正确获得上次构建以来的Commit
- CentOS Device eth0 does not seem to be present 解决方案
- T - stl 的mapⅡ
- SOCKET网络编程细节问题(2)
- js导出CSV
- html&;css笔记(2)
- 布衣之路(一):VMware虚拟机+CentOS系统安装
- 用Python+qrcode库创建一个包含信息的二维码
- PXE高效能批量网络装机
- uni-app (1) 安装与运行。
- 一起学习造轮子(二):从零开始写一个Redux
- InfluxDB(官方使用说明)
- NPOI创建DOCX常用操作
- 根据UIScrollView的contentOffset值精确控制动画
- How do I learn mathematics for machine learning?
- 跨域 - jsonp轻松搞定跨域请求
- [LeetCode&;Python] Problem 867. Transpose Matrix
- 【转】Python xlrd、xlwt、xlutils读取、修改Excel文件