最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
原生js的ajax和解决跨域的jsonp(实例讲解)
时间:2017-10-30 编辑:猪哥 来源:一聚教程网
最近慢慢感觉,学再多框架,库,都不如老老实实先把基础弄扎实了。
不说废话,先上一个用ajax请求下本地的一个.txt文件
Title
执行效果如下,点击show就会通过ajax请求本地的.txt文件。
代码比较简单,加上注释,相信很容易就看得懂。
但是工作中我们经常会请求其他域下的资源(因为同源策略),这个时候就遇到了跨域(协议,端口,域名任何一个不同就算是跨域)。
解决跨域的一种常用办法就是jsonp,虽然他有局限性(只支持get请求),不过优点是兼容老式浏览器(不过现在好像很少有人在意老式浏览器了)。
jsonp的基本原理:就是通过动态创建script标签,script标签的src是没有跨域限制的。
接下来上一个类似百度搜索下拉的页面
Title
- 123
执行效果如下:
代码也相对比较简单,加上代码的注释,一定很容易看懂,这就是解决跨域的一种常用办法,其他有反向代理,CORS啊等等,等我学好再整理出来。
-
上一个: 怎么选择好网站配色最佳工具和提示
-
下一个: AngularJS实现注册表单验证功能
相关文章
- js实现音乐播放器代码展示 10-12
- js实现图片查看器代码展示 10-12
- JS中switch的四种写法介绍 10-12
- js实现新闻轮播效果教程 10-11
- JS实现简单的图片切换功能教程 10-11
- js实现下拉刷新和上拉加载解析 09-28