【个人学习笔记，如有问题还请前辈纠正】

jsonp 是用来跨域读取数据的，为什么从不同的域访问数据要用jsop呢？这源于一个著名的安全策略--同源策略，即：

　　协议、端口号、域名相同

　　举例说明：http://www.myweb.com:8080/demo/index.html [协议：http://  端口：8080  域名：www.myweb.com]

　　http://www.myweb.com:8080/src/list.html  [同源]

　　http://www.myweb.com/src/list.html  [不同源：端口不同]

　　http://myweb.com:8080/src/list.html  [不同源：域名不同]

同源策略会限制

　　1.cookie、localStorage、indexDB无法读取，

　　2.DOM无法获得，

　　3.Ajax请求不能发送。

这样做的好处在于保护了用户信息安全。为了既保护用户信息安全，又规避跨域（不同源则为跨域）限制，因此需要使用这种特殊的技术--jsonp.

jsonp利用script标签具有跨域能力的特点，允许用户通过script的src属性向服务器发送请求，并传递一个函数名作为参数，服务端返回数据时会将这个callback函数作为函数名包裹住从服务端接收的json数据，客户端会按照定义好的方式处理数据。举例如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JSONP 实例</title>
</head>
<body>
<div id="list"></div>
<script type="text/javascript">
function callbackFunction(result, methodName) {
　　var html = '<ul>';
　　for(var i = 0; i < result.length; i++) {
　　　　html += '<li>' + result[i] + '</li>';
　　}
　　html += '</ul>';
　　document.getElementById('list').innerHTML = html;
}
</script>
<script type="text/javascript" src="http://www.myweb.com/demo/jsonp.php?jsoncallback=callbackFunction"></script>
</body>
</html>

以上，callbackFunction函数名作为参数传递给服务器，服务器返回数据形式为:callbackFunction(["list1","list2"]),显示结果会按照 callbackFunction()函数来处理。

												


											
jsonp原理及同源策略的更多相关文章
	

    
								
  1. jsonp突破浏览器同源策略
		
    jsonp突破浏览器同源策略 <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...
    
		
    2. 
						
  2. 跨域JSONP原理及调用详细演示样例
		
      上篇博客介绍了同源策略和跨域訪问概念,当中提到跨域经常使用的基本方式:JSONP和CORS.   那这篇博客就介绍JSONP方式.   JSONP原理   在同源策略下,在某个server下的页面 ...
    
		
    3. 
						
  3. Cookie中的sessionid与JSONP原理
		
    一.首先说明一下cookie中的sessionid的作用. 1.cookie只是一些文本内容,多是键值对的形式,是请求头中的一部分 2.http是无连接的 知道这两点,就可以很容易的理解session ...
    
		
    4. 
						
  4. 简单说一说jsonp原理
		
    背景:由于浏览器同源策略的限制,非同源下的请求,都会产生跨域问题,jsonp即是为了解决这个问题出现的一种简便解决方案. 同源策略即:同一协议,同一域名,同一端口号.当其中一个不满足时,我们的请求即会 ...
    
		
    5. 
						
  5. 面试汇总——知道什么是同源策略吗？那怎么解决跨域问题？知道 JSONP 原理吗？
		
    本文是面试汇总分支——知道什么是同源策略吗?那怎么解决跨域问题?知道 JSONP 原理吗?. 同源策略 同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能, ...
    
		
    6. 
						
  6. javascript 同源策略和 JSONP 的工作原理
		
    同源策略 同源策略是一个约定,该约定阻止当前脚本获取或操作另一域的内容.同源是指:域名.协议.端口号都相同. 简单地说,A 服务器下的 a 端口执行 ajax 程序,不能获取 B 服务器或者 A 服务 ...
    
		
    7. 
						
  7. 同源策略与JSONP劫持原理
		
    同源策略 浏览器中有两个安全机制,一个浏览器沙盒(Sandbox),另一个就是同源策略(Same Origin Policy,简称SOP) ,下面介绍同源策略.同源是指同协议.同域名.同端口,必须三同 ...
    
		
    8. 
						
  8. 同源策略jsonp和cors
		
    同源策略: 同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响.可以说Web是构建在同源策略基础之上 ...
    
		
    9. 
						
  9. AJAX_违反了同源策略_就是"跨域"——jsonp 和 cors
		
    https 协议    默认端口号 443 http 协议    默认端口号 80 同源策略 由网景公司提出的——浏览器 的 为了浏览器安全而生 同源策略: 协议.域名.端口号    必须完全一致 违 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Unity调试模式设置辅助线是否可见
			
    1.新建变量 //调试的标识(状态开关) public bool m_debug = true; 2.在画线方法中写 //如果非调试状态,则不再输出网格和立方体 if (!m_debug) { ret ...
    
			
    2. 
						
  2. .net core WebApi  Monitor实现并发同步
			
    在.net中,还可以使用Monitor实现线程并发同步.Monitor类是纯托管且完全可移植,并且可能会在操作系统资源需求方面更加高效. Monitor的锁对象尽可能使用引用对象,如果是字符串或值对象 ...
    
			
    3. 
						
  3. ln  链接命令 简要说明  软硬链接关系说明
			
    ln [选项] 目标 -s 创建符号链接(软链接) -f 强制创建链接 -i 覆盖前先询问 -v 显示创建链接过程 ln命令不能对目录创建硬链接,但可以创建软链接,对目录的软链接经常被用到 删除软链接 ...
    
			
    4. 
						
  4. Codeforces Round #324 (Div. 2)   （哥德巴赫猜想）
			
    题目:http://codeforces.com/problemset/problem/584/D 思路: 关于偶数的哥德巴赫猜想:任一大于2的偶数都可写成两个素数之和. 关于奇数的哥德巴赫猜想:任一 ...
    
			
    5. 
						
  5. Delphi xe8 FMX StringGrid根据内容自适应列宽。
			
    Delphi xe8 FMX StringGrid根据内容自适应列宽. 网上的资料比较复杂,而且不是根据字体字号等设置列宽.故自己写了个function来用. function GetColMaxDa ...
    
			
    6. 
						
  6. 基于Verilog的简单FIFO读写实验
			
    一.模块框图及基本思路 fifo_ip:ISE生成的IP fifo_control:在fifo未满情况下不断写入递增的四位数,每隔1s读出一个数据驱动Led显示 fifo_top:前两个模块的组合 二 ...
    
			
    7. 
						
  7. 周强 201771010141 《面向对象程序设计（java）》 第二周学习总结
			
    第一部分:理论知识学习部分 第三章 java的基本程序设计结构 本章主要学习数据类型.变量.运算符.类型转换.字符串.输入输出.控制流程.大数值.数组等内容. 1.基本知识 (1)标识符:由字母.下划 ...
    
			
    8. 
						
  8. Oracle（二）在 Mysql 的基础上学习 Oracle
			
    毕竟我是先学的mysql,对数据库的一切认知都会有一个先入为主的思想在里面,如果不搞清楚其中的异同,我感觉Oracle我是学不会 了,甚至会把它们混淆.那么,不会mysql的没必要往下看了. 下边第一 ...
    
			
    9. 
						
  9. TensorFlow安装教程---windows8.1
			
    首先,第一个,下载,python3.6.4版本 64位 安装python,由于,我是window8.1,所以我遇到这样的问题 参考解决方案:https://answers.microsoft.com/ ...
    
			
    10. 
						
  10. yuan的第二次随笔
			
    第一题: 计算两数的和与差 设计思路: 1:看题目:主函数与函数声明,知道它要你干什么 2:理解与分析:在main中,定义两个实数a,b;要你求两数的和与差 3:解答:通过调用函数sum_diff,指 ...
    
			
    11.