微客导航 » 文章资讯 » jsonp跨域获取数据的基础教程

jsonp跨域获取数据的基础教程

2023-09-10 22:23:04 166

前言

由于浏览器有同源策略，所以要想获取非同源（协议，域名，端口三者有一不同都算非同源）的页面的数据，就得进行跨域

(1)jsonp原理

由于script标签的src属性可以访问非同源的js脚本，所以通过src属性访问服务器会返回函数的js代码，而我们想要的数据就作为函数参数返回，而我们会先定义这个函数，返回的js代码就可执行

(2)jsonp实现代码

请求页面








functionjsonp(data){
console.log(username)
}




$(document).ready(function(){
varurl="http://www.example.com/jsonp.php?callback=jsonp";
varscript=$('

之后php会返回

jsonp（{
name:'niuni
}）

然后PHP返回的代码h会被请求页面的jsonp方法执行

（3）jQuery的简便jsonp跨域

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对毛票票的支持。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

jsonp跨域获取数据的基础教程

热门推荐

随机推荐