分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

关于Jsonp 跨域

发布时间:2023-09-06 02:11责任编辑:苏小强关键词:跨域

一、同源策略

  同源策略是浏览器的一个安全功能,不同源的客户端脚本在没有明确授权的情况下,不能读写对方资源。

  同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。

  ***不受同源策略限制的:

    1. 页面中的链接,重定向以及表单提交是不会受到同源策略限制的。

    2. 跨域资源的引入是可以的。但是js不能读写加载的内容。如嵌入到页面中的<script src="..."></script>,<img>,<link>,<iframe>等。

   

  通过<script></script>标签测试同源策略:

  

  

  这样就可以给rion() 传递参数, 比如传递data数据,绕过同源策略拿到想要的东西了。

  (注:src 请求回资源时,再或者说,response响应回来时,有进行还原操作,字符串还原操作(即去掉字符串引号“” 取原形数据)。)

                                                                        (去掉华丽的外衣,取原形)

二、jQuery 中的 jsonp

  参考:https://www.cnblogs.com/liwenzhou/p/9513648.html

  就是服务端,把data数据放在一个函数里边当参数,响应给客户端

  注意:函数即回调函数,当参数:即当做前端回调函数的实参,

     这样,把后台的数据拿来当做实参使用,不就是解决了同源策略的问题了吗。

<script> ???$("#btn01").click(function () { ???????$.ajax({ ???????????url: "http://www.jxntv.cn/data/jmd-jxtv2.html", ???????????dataType: ‘jsonp‘, ???????????jsonp: ‘callback‘, ???????????jsonpCallback: ‘list‘, ???????????success: function (res) { ???????????????console.log(2222222222); ???????????????console.log(res) ???????????} ???????}) ???}); ???{#function list(res) {#} ???{# ???console.log(11111111);#} ???{# ???console.log(res)#} ???{# }#}</script>

ok

关于Jsonp 跨域

原文地址:https://www.cnblogs.com/kingon/p/9521179.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved