jsonp解决Ajax跨域问题

什么是跨域?
1、域名不同。
2、域名相同,端口不同。
3、由于同源策略,安全性考虑设计如此。

ajax跨域问题:由js请求处于跨域范围的数据,请求不到。

问题解决:jsonp解决

什么是jsonp?

它是一个跨域解决方案。js跨域请求数据不可以,但js跨域请求js脚本是可以的。这是个bug,巧妙利用这个bug可以把数据封装成一个js语句,跨域请求js脚本可以得到此脚本。可以把数据作为参数传递到被请求的方法中,就可以获得数据。

jsonp的原理:


jsonp实现的示例://todo:待补充

请求方ajax代码

被请求方js代码

其中的json数据为:


总结:

越来越认识到:图有助于理解,一张图胜过千言万语。多画图,多总结。

相关文章

AJAX是一种基于JavaScript和XML的技术,能够使网页实现异步交...
在网页开发中,我们常常需要通过Ajax从后端获取数据并在页面...
在前端开发中,经常需要循环JSON对象数组进行数据操作。使用...
AJAX(Asynchronous JavaScript and XML)是一种用于创建 We...
AJAX技术被广泛应用于现代Web开发,它可以在无需重新加载页面...
Ajax是一种通过JavaScript和HTTP请求交互的技术,可以实现无...