Web笔记-使用jsonp解决跨域请求(CROS)问题

目录

 

 

基本概念

代码与实例


 

基本概念

当我在某web站点,这个站点里面发出了像其他站点的请求(不同链接,或者同一链接的不同端口),是会失败的,因为是浏览器的安全检测问题,当然,这个只是主流浏览器的功能,如果开发者自己开发的浏览器那么CROS就看开发者自己怎么处理了,这里以Chorm浏览器为例。

这里安装插件,允许跨站即可:

Allow-Control-Allow-Origin: *

Web笔记-使用jsonp解决跨域请求(CROS)问题_第1张图片

这样就可以解决跨域的问题,但是还有一种方式,那就是jsonp,这个主要是在script中,发起请求,这样浏览器是不会连接的(百度的搜索引擎下拉关键字,QQ英语等都是用了这样的技术),下面来演示下。

 

代码与实例

这里这C/C++里面的回调差不多。写一个URL,指定一个函数,即可进行回调,如下代码:





	
	Title



	


这里来看看jsonp.js文件:

getData({
	name: '呵呵哒',
	value1: '呵呵'
})

程序运行截图如下:

Web笔记-使用jsonp解决跨域请求(CROS)问题_第2张图片

下面是百度的下拉框首先来分析下:

Web笔记-使用jsonp解决跨域请求(CROS)问题_第3张图片

这里的wd就是只就是浏览器输入的,看看里面的内容:

看看源码:





	
	Title
	



	
	

    这里cb指向自己的函数,到时候就会调用!

    程序运行截图如下:

    Web笔记-使用jsonp解决跨域请求(CROS)问题_第4张图片

     

    你可能感兴趣的:(Web相关技术,web前端,web,web前端,CROS,jsonp)