大佬教程收集整理的这篇文章主要介绍了jsonp学习二验证跨域数据访问,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
假入我们有一个远程的服务器,域名是http://www.xukaiqiang.com
我们在这个远程服务器的根目录下面添加一个romote.js文件,然后我们使用本地服务器进行获取远程服务器的数据。
alert("I'maremotefile!");
<scripttype="text/javascript"src="http://www.xuKaiqiang.com/remote.js"></script>
当我们访问本地jsp的时候,就可以看到,页面中弹出 I'm a romote file!。
说明了,本地服务器通过<script>标签可以访问远程服务器的js。
然后我们对代码进行改进一下
localHandler({"result":"I'mremotedata!"});
本地服务器中的jsp页面中改为
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <title>远程js调用本地函数测试</title> <scripttype="text/javascript"> //回调方法 varlocalHandler=function(data){ alert('Imlocaljsmethod,calledbyremotejs,returndatais":"'+data.result); }; </script> <scripttype="text/javascript"src="http://www.xuKaiqiang.com/remote.js"></script> </head> <body> </body> </html>
最终,本地服务器会弹出I' m remote data!
证明了,本地服务器可以通过script标签跨域访问远程服务器的数据。
为了更灵活的调用远程服务器上面的数据,我们不会像上面所讲的那样,在远程服务器上面新建一个remote.js文件,我们使用例如servlet,接收本地服务器传递的参数,动态产生js脚本。例如:我获取远程服务器上面的所有的男同学的信息,我们本地服务器就传递一个性别为男的参数,服务器就会根据这个参数动态生成js文件,然后返回到本地来,实现更灵活地跨域访问。
以上是大佬教程为你收集整理的jsonp学习二验证跨域数据访问全部内容,希望文章能够帮你解决jsonp学习二验证跨域数据访问所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。