100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > jQuery利用JSONP解决AJAX跨域请求

jQuery利用JSONP解决AJAX跨域请求

时间:2022-02-14 02:06:53

相关推荐

jQuery利用JSONP解决AJAX跨域请求

出于安全方面的考虑,页面中的JavaScript无法访问其他服务器上的数据,即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制,实现不同服务器之间通信的效果。

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,而JSONP(JSON with Padding)则是JSON 的一种“使用模式”,通过这种模式可以实现数据的跨域获取。

JSONP跨域的原理

在同源策略下,在某个服务器下的页面是无法获取到该服务器以外的数据的,但img、iframe、script等标签是个例外,这些标签可以通过src属性请求到其他服务器上的数据。利用script标签的开放策略,我们可以实现跨域请求数据,当然,也需要服务端的配合。当我们正常地请求一个JSON数据的时候,服务端返回的是一串JSON类型的数据,而我们使用JSONP模式来请求数据的时候,服务端返回的是一段可执行的JavaScript代码。

$.ajax({dataType: 'jsonp',url: 'https://localhost:8443/web/jsonp.do',jsonp:'call',//参数名,默认callbackjsonpCallback:'callbackfun'//回调函数名});

原文: /ASD1415926/article/details/12507137

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。