php教程|php手册
ajax,跨域,访问,jsonp,原理,实例,javascr
php教程-php手册
易语言源码分享网址,ubuntu上网设置图文,Tomcat断开一个链接,百万级开源爬虫,php模板开发视频教程外包,台中seo优化lzw
很庆幸,我又见到了末日后新升的太阳,所以我还能在这里写文章,言归正传哈,最近做了一个项目,需要用子域名调用主域名下的一个现有的功能,于是想到了用jsonp来解决,在我们平常的项目中不乏有这种需求的朋友,于是记录下来以便以后查阅同时也希望能帮到大
php 源码交易,ubuntu禁用服务命令,接口防爬虫措施,php tidb,seo面试大招lzw
oa 源码 商业,在ubuntu装linux,如何设置两个tomcat,海南野生爬虫,js代码中运行php代码,静态化 seolzw
很庆幸,我又见到了末日后新升的太阳,所以我还能在这里写文章,言归正传哈,最近做了一个项目,需要用子域名调用主域名下的一个现有的功能,于是想到了用jsonp来解决,在我们平常的项目中不乏有这种需求的朋友,于是记录下来以便以后查阅同时也希望能帮到大家。
什么是JSONP协议?
JSONP即JSON with Padding。由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源。如果要进行跨域请求,我们可以通过使用html的script标记来进行跨域请求,并在响应中返回要执行的script代码,其中可以直接使用JSON传递javascript对象。这种跨域的通讯方式称为JSONP。
很明显,JSONP是一种脚本注入(Script Injection)行为,需要特别注意其安全性。
Jquery中的jsonp实例
我们需要两个页面,分别承担协议的客户端和服务器端角色。
客户端代码:
服务端代码(本例采用PHP):
效果演示:
服务端代码:
效果展示:
别的不多说,相信看代码大家应该明白它是怎么实现的了。
需要注意:
1.由于 jquery 在ajax 处理中使用的是utf-8编码传递参数的,所以jsonp处理端用utf-8的编码最好,这样省得编码转换了,如果不是utf-8记得转换,否则中文会乱码。
2.请求的服务端url最好不要写成/?act=add这样的,应写全其为:/index.php?act=add这样的,在应用的过程中出现了不兼容的情况。
到此就ok了,如有朋友碰到什么问题可发上来大家共同交流。
欢迎大家转载,转载请注明原创 包括链接一定要加上,否则…此处略去n个字
原文参考:/xuejie/archive//12/25/2832595.html
更多参考:/librarys/veda/detail/224
原文地址:js/ajax跨域访问—jsonp的原理和实例(javascript和jquery), 感谢原作者分享。