2016-10-27 14:28发布
一个维基百科API的入口: http://www.mediawiki.org/wiki...功能:通过输入的文字进行搜索,返回搜索结果。
先查ajax,但是ajax不能跨域,然后查到了jsonp,但是jsonp是利用了浏览器允许跨域引用JavaScript资源所以需要js文件?但是只有一个API入口..
jsonp也是需要服务端来配合的,如果他给你的服务端不是jsonp的格式你也没办法使用jsonp。jsonp你可以这样理解:打个比方以前使用ajax你发送数据给http://xxx.xxx/request这个地址,服务器接收数据,然后返回给你json:
所以如果你的api接口没有提供jsonp的话你也无法使用jsonp,同时jsonp因为是用script的src方式引入的,所以如果要传参只能是get方式如:
但是因为ajax一般情况下(注意是一般情况下)无法跨域,所以聪明的程序员就想到了jsonp方式。因为浏览器不限制script标签的跨域,所以你可以新建立一个script标签,script的src还是你要请求的地址
当然上面只是jsonp的大致原理的解析,jquery等库已经封装好了jsonp的使用方式,如果你的api接口确实是返回jsonp格式的话那你就可以直接使用jquery的jsonp方式来请求,具体可以参阅jquery文档。
然后在你请求这个地址后服务器包装一下给你返回:
前面说到一般情况下ajax是无法跨域的,但是实际上服务器经过设置或者代码配置后使用CORS也可以让ajax来跨域的,浏览器的支持情况也还不错:http://caniuse.com/#search=CORS这里有篇文章有兴趣可以了解一下:http://www.ruanyifeng.com/blo...
最多设置5个标签!
付费偷看金额在0.1-10元之间
jsonp也是需要服务端来配合的,如果他给你的服务端不是jsonp的格式你也没办法使用jsonp。
jsonp你可以这样理解:
打个比方以前使用ajax你发送数据给http://xxx.xxx/request这个地址,服务器接收数据,然后返回给你json:
所以如果你的api接口没有提供jsonp的话你也无法使用jsonp,同时jsonp因为是用script的src方式引入的,所以如果要传参只能是get方式如:
但是因为ajax一般情况下(注意是一般情况下)无法跨域,所以聪明的程序员就想到了jsonp方式。因为浏览器不限制script标签的跨域,所以你可以新建立一个script标签,script的src还是你要请求的地址
当然上面只是jsonp的大致原理的解析,jquery等库已经封装好了jsonp的使用方式,如果你的api接口确实是返回jsonp格式的话那你就可以直接使用jquery的jsonp方式来请求,具体可以参阅jquery文档。
然后在你请求这个地址后服务器包装一下给你返回:
前面说到一般情况下ajax是无法跨域的,但是实际上服务器经过设置或者代码配置后使用CORS也可以让ajax来跨域的,浏览器的支持情况也还不错:http://caniuse.com/#search=CORS
这里有篇文章有兴趣可以了解一下:http://www.ruanyifeng.com/blo...
一周热门 更多>