同源、JSPON

最新推荐文章于 2023-02-28 23:16:28 发布
最新推荐文章于 2023-02-28 23:16:28 发布
阅读量198 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_56686568/article/details/116171216
版权
本文介绍了浏览器的同源策略，该策略限制了JavaScript只能访问相同域名、协议和端口的资源。接着，讨论了解决跨域问题的JSONP技术，包括其工作流程和特点。JSONP主要通过动态创建script标签，利用src属性的跨域特性来实现数据的获取。此外，还对比了JSONP与AJAX的区别，如JSONP不使用XMLHttpRequest且仅支持GET请求。最后，提到了CORS作为另一种跨域解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

什么是同源策略

同源指的是域名、协议、端口号相同
同源策略规定了js代码的访问权限，只能访问和自己同源的页面。
同源策略是一种约定，它是浏览器最核心也最基本的安全功能

什么是jsonp

jsonp是一种非正式传输协议，用于解决跨域问题

什么是跨域？如何解决跨域？ jsonp的原理？

1、由于浏览器的同源策略，即属于不同域的页面之间不能相互访问各自的页面内容。
2、CORS和jsonp
3、本质上是利用HTML元素的src属性可以跨域的思路来解决的。

jsonp跨域的流程

1、创建一个全局函数
2、创建一个script标签
3、给script添加src
4、给src添加回调函数test(callback=test) callback是传给后端的一个参数
5、将script放到页面上
6、script请求完成，将自己从页面上删除

jsonp和ajax的区别

1、jsonp没有使用XMLHttpRequest对象。
2、jsonp只是在一种跨域的技巧。
3、jsonp只支持Get方式
4、json是描述数据的格式
同源 不同源 及跨域的简单梳理
qq_42181069的博客
05-14 2876
1、什么是同源？不同源？下面的这三个内容一样 我们称之为同源            ip地址:192.168.13.75  （示例）            端口:80 （示例）            协议:http:         两个同源的页面 是可以互相发送请求的 没有任何的限制反之， ip,端口,协议有任何 一个不一样 就是不同源            不同源的页面之间 不能直接发送请求 ...
手写jspon实现跨域
我是渣渣
03-10 972
'use strict';// 自己手写一个跨域组件 (function(window){ 'use strict'; var jsonp = function(url,data,callback){ // 0.挂在回调函数 var callBackName = 'my_json_callBack'+Math.random().toString().r
JSP技术原理
博学之，审问之，慎思之，明辨之，笃行之
09-23 245
  JSP的工作原理      我们编写一个简单的HTML文件----form.html,这个HTML中包含一个表单，这个表单可以接受用户输入的数字，然后把这个数字发送到Web服务器，服务器根据接受的参数决定显示内容重复的次数。      form.html <html>  <head>   <title>JSP原理</title> ...
jsp页面中的Onclick事件及servlet实现弹框点击确认后跳转页面。
m0_51344172的博客
02-28 6110
写java项目遇到的一些小记录。
跨域问题&jspon解决
m0_65912225的博客
04-12 2477
什么是跨域？解决跨域的办法有哪些？ 1.同源策略 是浏览器的安全策略，保证浏览器能够安全运行 要求网页的协议名、域名、端口号必须完全一致 2.跨域 违背了同源策略就会产生跨域 在开发的时候会有不同服务器提供不同的需求，一个项目通常由不同服务器提供 3.解决跨域 jspon cors 服务器代理模式 等 jspon是需要前后台一起设置，cors和服务器代理只需要后台进行设置 4.jspon在前端中如何实现跨域 (1)创建script标签 var script = document.c
ajax jsp
05-17
9. **跨域问题**：默认情况下，Ajax请求受到同源策略限制，只能向同一域、协议和端口发送。但可以通过CORS（Cross-Origin Resource Sharing）或JSONP（JSON with Padding）来解决跨域问题。 10. **性能优化**：为了...
jsp中使用ajax实现web进度条
03-16
如果AJAX请求跨越了不同的源，可能会触发同源策略限制。要解决这个问题，Servlet需要设置合适的CORS响应头，允许来自指定源的请求。 7. **前端框架和库**： 虽然可以纯JavaScript实现，但现代Web开发中，常常使用...
ajax on java
05-13
3. **JSP与Servlet的配合**：在Java环境中，Ajax通常与JSP和Servlet配合工作。JSP用于展示动态生成的HTML，而Servlet负责处理HTTP请求和响应。当Ajax发送请求到服务器时，Servlet会处理这些请求，进行业务逻辑处理，...
jsp has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
最新发布
10-20
当我们在使用AJAX请求跨域资源时，如果服务器没有设置允许跨域访问的响应头Access-Control-Allow-Origin，就会出现“CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource”...
ajax jsp 实例大全
03-18
7. **错误处理**：在Ajax请求中，需要处理可能发生的错误，如网络中断、服务器错误等，通过监听onerror和onreadystatechange事件。 8. **局部刷新与用户体验**：Ajax的一大优势是提升用户体验，用户可以立即看到...
什么是同源？？？跨域错误？？？如何解决？？？
wxiao_xiao_miao的博客
09-19 1610
同源：指发出请求所在的页面 与 所请求的资源的url协议相同，域名相同，端口相同。 跨域错误：指不同源的ajax请求。 浏览器向web服务器发起http请求时 ，如果同时满足以下三个条件时，就会出现跨域问题，从而导致ajax请求失败： （1）请求响应双方url不同源。 从http://127.0.0.1:5500/message_front/index.html 请求http://localhost:8080/getmsg 就是不同源的 。 （2）请求类型是xhr请求。就是常说的ajax请求。不.
同源和跨域
xihuanLilia的博客
03-08 6423
同源和跨域同源同源策略跨域浏览器对跨域请求的拦截如何实现跨域数据请求 同源 同源指的是 两个页面的协议，域名和端口都相同 那么这两个页面具有相同的源 协议指的是 http，https（目前用的最多的） 还有文件协议file:// 域名指的是例如 baidu.com 之类的 域名是需要购买的 端口号指的是域名后面的 ‘：+数字’ http的默认值是80 https的默认值是443 同源策略 同源策略指的是浏览器提供的一个安全功能 MDN0官方给的概念是 同源策略限制了从同一个源加载的文档或者是脚本如何与来自另
JSP Model1与JSP Model2的区别
gohsion
05-11 493
随着sun公司推出的servlet和JSP技术，为了更好的指导web开发人员进行java WEB的开发，就提出了两种架构模式，即JSP Model1和JSP Model2，那么它们有什么区别呢？ JSP Model1模式. 它应用了java WEB开发当中的两种技术，一是JSP，二是javabean技术。其中JSP完成逻辑上的处理和显示，javabean做辅助。 JSP需要完...
同源页面通信在网页登录方面的应用
flying meng的菜鸟居
03-15 4420
为什么一个“普普通通”的网页登录要和“看似高大上”的同源页面通信联系了起来？ 可能你没有发现：往往如果你的登录页是从主页通过 window.open() 或 js-href 或 <a href="" target="_blank"> 另打开的一个tab，在你登录成功后，要么是重新打开一个主页的tab，要么就要你回到原主页tab刷新一下才可。 可是这简简单单的“刷新”或“关闭原主页tab”带来的却是“用户体验”的低水平。如果我们能在登录后返回主页面时“自动同步信息”，会不会更好一点？事实上，比如「
一文读懂“什么是同源”
a549654065的博客
08-31 2447
此时会出现跨域不允许访问。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。，“元”，是指一些事物组合在一起形成一个整体，比如（1，2）叫二元，（1，2，3）叫三元)。的文档或者它加载的脚本与另一个源的资源进行交互，它能够帮助阻隔恶意文档，减少可能被攻击的媒介，可以使用。没有同源策略可能会造成CSRF攻击（跨站请求伪造）【攻击者盗用了你的身份，以你的名义发送恶意请求。在浏览器上当前访问的网站向另一个网站发送请求获取数据的过程就是。决定的，是一个重要的浏览器安全策略，用于限制一个。..
JavaScript ajax 系列四 同源策略；JSONP跨域；jQuery中的JSONP跨域；淘宝案例（定义全局缓存）；节流和防抖；
m0_55170432的博客
04-09 238
1.0 同源 如果两个页面的 协议，域名和端口 都相同，则两个页面具有相同的源。 1.1同源策略 同源策略（英文全称 Same origin policy）是浏览器提供的一个安全功能。 通俗的理解：浏览器规定，A 网站的 JavaScript，不允许和非同源的网站 C 之间，进行资源的交互，例如： 无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB 无法接触非同源网页的 DOM 无法向非同源地址发送 Ajax 请求 1.2 跨域 同源指的是两个 URL 的协议、域名、端
什么是浏览器的同源策略？
别动我u盘-的博客
10-09 3598
有时在开发中我们会遇到跨域的问题，众所周知，跨域是由浏览器的同源策略引起的，那么什么是浏览器的同源策略呢？ 同源策略，是浏览器对javascript施加的安全限制。所谓同源是指，域名，协议，端口均相同。 比如： http://www.123.com/index.html 调用 http://www.123.com/server.php （非跨域） http://www.123....
浏览器的同源策略 同源的定义
MAIMIHO的博客
06-01 977
如果两个 URL 的 protocol、port (如果有指定的话)和 host 都相同的话，则这两个 URL 是同源。 示例: URL: http://store.company.com/dir/page.html URL 结果 原因 http://store.company.com/dir2/other.html 同源 只有路径不同 http://store.company.com/dir/inner/another.html 同源 只有路径不同 https://store.co
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值