跨域请求中的JSONP方式

JSONP实现原理@TOC

ajax方式请求接口是不能进行跨域请求的,理解跨域之前先理解同源策略,所谓同源策略,指的是协议,端口号,域名三者完全相同,那么同源下的资源是可以相互请求相互访问,但是这三者中有一者不同就能进行通过ajax请求进行访问,浏览器会报错。
首先:
通过node.js搭建一个服务器,
跨域请求中的JSONP方式
在浏览器输入http://localhost:3000/api/login,能够正常地被访问,
跨域请求中的JSONP方式
跨域请求中的JSONP方式
接下来,写了一个静态页面,想通过ajax访问写好的url,报错了。
跨域请求中的JSONP方式
使用jsonp处理跨域问题:
jsonp的实现原理是:利用script标签中的src属性可以请求不同域名下的资源,这时服务端不在是返回一段JSON格式的数据,而是返回一段调用某个函数的js代码。
跨域请求中的JSONP方式

跨域请求中的JSONP方式