百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> jQuery+JSONP跨域需要如何实现-
分享文章到:

jQuery+JSONP跨域需要如何实现-

发布时间:08/01 来源:未知 浏览: 关键词:
这次给大家带来jQuery+JSONP跨域需要如何实现,jQuery+JSONP跨域实现的注意事项是什么,下面就是实战案例,一起来看一下。 这次给大家带来jQuery+JSONP跨域需要如何实现,jQuery+JSONP跨域实现的注意事项是什么,下面就是实战案例,一起来看一下。

理解了jsonp之后,大家应当也都明确了,jsonp主要就是用来实现跨域的猎取数据,今天我们就来细致探究下怎样在现实中利用jsonp实现跨域

  JSONP(JSON with Padding)是JSON的一种“运用模式”,可用于解决主流阅读器的跨域数据拜访的题目。因为同源战略,个别来说位于 server1.example.com 的网页没法与不是 server1.example.com的办事器沟通,而 HTML 的《script》 元素是一个例外。应用 《script》 元素的这个开放战略,网页可以得到从其他来源动态发生的 JSON 材料,而这种运用模式就是所谓的 JSONP。用 JSONP 抓到的材料并不是 JSON,而是任意的JavaScript,用 JavaScript 直译器施行而不是用 JSON 解析器解析。

??上面一段话来自baidu百科,概念永远是那么抽象难懂,看例子才是最直不雅的体现。例子看的多了,领悟到阿谁点了,天然本人也会学着抽象的描述了。这就是为何常说“学习见识是从薄到厚,又由厚到薄的历程”。好了扯远了。下面直接来看一个例子。

??题目:当地现有一个页面demo.html需要从http://localhost:3561/User/GetAllNames猎取数据并展现。

??解答:因为题目中的两方不在统一办事器,故需要运用jsonp来跨域拜访。

??① 客户端编写

??客户端运用jQuery中供给的$.getJson办法来跨域拜访。getJson有3个参数:

????I. url:要求地址;

????II. data:发送到办事端的参数;

????III. callback:成功时的回调函数。

??getJson的运用办法和普通的$.get办法根本一致,不一样的地方在于getJson需要在url背面的参数局部加上callback=?这一牢固局部,jQuery 将主动替代 ? 为准确的函数名,以施行回调函数。然后在回调函数中操纵从异域返回的json对象,回调函数callback的参数即为该json对象。





  


  
    打赏

    打赏

    取消

    感谢您的支持,我会继续努力的!

    扫码支持
    扫码打赏,你说多少就多少

    打开支付宝扫一扫,即可进行扫码打赏哦

    百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

    共有151人阅读,期待你的评论!发表评论
    昵称: 网址: 验证码: 点击我更换图片
    最新评论

    本文标签

    广告赞助

    能出一分力是一分吧!

    订阅获得更多模板

    本文标签

    广告赞助

    订阅获得更多模板