博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JSONP的原理介绍
阅读量:4341 次
发布时间:2019-06-07

本文共 655 字,大约阅读时间需要 2 分钟。

1.JSOP存在的必要性   参考 ,

  Ajax数据的获取需要遵循同源的策略,也就是需要使用相同的域名、端口、协议,所以要想获取不同域的数据就存在问题。因此基于此问题就衍生出了很多解决Ajax跨域的技术,譬如:服务器代理、img、iframe等等技术。 JSONP是JSON with padding的缩写。


 

2.JSONP的原理

  在本地创建一个回调函数,然后在跨域段调用该回调函数,并将JSON数据作为参数传递给回调函数,完成回调。


 

3.案例解析

  a.html需要跨域解决问题

  

  在b页面,执行回调函数,并将json数据作为参数填充到回调函数中,完成回调函数  

1.获取回调函数2.然后执行回调函数  var  data = {     "message" :"sucess"  }  callback(data);

 4.Ajax技术与JSONP技术的差别

   1.两种技术“看起来”很像,目的一样,都是请求一个URL,然后对从服务器端获取的数据进行处理;

   2.Ajax技术的核心是通过XMLHttpRequest对象来获取数据,而JSONP通过动态创建script,然后在服务器端执行回调函数完成数据的获取,采用的是两种完全不同的技术;

   3.区别不在于是否跨域,jsonp也可以解决同域的数据获取。


 5.解决跨域的其他方法

  iframe、服务器代理、图片等等

转载于:https://www.cnblogs.com/shamoguying1140/archive/2013/03/26/2983178.html

你可能感兴趣的文章
Markdown指南
查看>>
influxDB的安装和简单使用
查看>>
JPA框架学习
查看>>
JPA、JTA、XA相关索引
查看>>
机器分配
查看>>
php opcode缓存
查看>>
springcloud之Feign、ribbon设置超时时间和重试机制的总结
查看>>
观看杨老师(杨旭)Asp.Net Core MVC入门教程记录
查看>>
UIDynamic(物理仿真)
查看>>
Windows下安装Redis
查看>>
winform非常实用的程序退出方法!!!!!(转自博客园)
查看>>
centos安装vim
查看>>
linux工作调度(计划任务)
查看>>
新部署到服务器 报 The requested URL /home/profession was not found on this server. 错误
查看>>
hadoop从非HA转到NAMENODE HA时需要注意的一个问题
查看>>
KnockoutJs学习笔记(十一)
查看>>
访问修饰符public、private、protect、default范围
查看>>
jQuery实现布局高宽自适应
查看>>
《学习》10函数的建立与使用
查看>>
去除TB二合一页面弹窗
查看>>