十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章主要介绍“jsonp跨域问题如何解决”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“jsonp跨域问题如何解决”文章能帮助大家解决问题。
我们提供的服务有:成都网站制作、成都做网站、外贸营销网站建设、微信公众号开发、网站优化、网站认证、江门ssl等。为上1000+企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的江门网站制作公司
1、解决跨域问题关键点jsonp
利用script标签没有跨域限制的漏洞,网页可以拿到从其他来源产生动态JSON数据,当然了JSONP请求一定要对方的服务器做支持才可以。动态创建script标签,然后设置src属性就可解决跨域问题。
2、具体实现
使用 jsonp,将前端代码中的 ajax 请求去掉,添加了一个script标签,设置script标签的src属性。
function jsonpProcess (data) { console.log(data) } function jsonp_Script () { var _script = document.createElement("script"); _script.type = "text/javascript"; _script.src = "http://api.douban.com/v2/movie/top250?start=25&count=30&callback=jsonpProcess"; document.head.appendChild(_script) } jsonp_Script();
关于“jsonp跨域问题如何解决”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。