为什么会出现跨域问题

生活 2019-09-14 10:06:08 281

本文收集整理关于为什么会出现跨域问题的相关议题,使用内容导航快速到达。

内容导航:

  • Q1:开发中为什么会出现跨域问题?(不是问什么是跨域
  • Q2:Ajax跨域问题的出现和解决什么是跨域
  • Q3:js为什么有跨域问题
  • Q4:为什么手机上淘宝网有时会出现跨域错误的问题?
  • Q5:java为什么会有跨域问题
  • Q1:开发中为什么会出现跨域问题?(不是问什么是跨域

    出现跨域问题的原因:
    1 web中浏览器设置的相关策略
    2 应用程序本身设置的禁止跨域限制
    跨域问题出现的阶段:
    常出现在web开发中,前端访问不同于前端域的服务器端域
    产品上线后,也可能存在跨域问题, 因为当一个产品中的不同模块部署到不同的www地址中W;Ww.yIJitAo.COM

    Q2:Ajax跨域问题的出现和解决什么是跨域

    跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。
    解决跨域问题可以使用代理解决, 比如nginx等WwW☆.YijItAO.cOm

    Q3:js为什么有跨域问题

    出于安全考虑,防止js脚本随意调用其他网站的资源(比如类似网页小偷这样的行为)

    Q4:为什么手机上淘宝网有时会出现跨域错误的问题?

    手机页面刷新出错,建议打开网页时请不要重复刷新,稍微等一下就可以了

    Q5:java为什么会有跨域问题

    前言

    相信大家在写前端脚本的时候经常会遇到发送数据到后台的情况,但是由于浏览器的限制,不同域名之间的数据是不能互相访问的,那前端怎么和后端如何进行数据之间的交换呢?

    JavaScript由于安全性方面的考虑,不允许页面跨域调用其他页面的对象,那么问题来了,什么是跨域问题?

    答:这是由于浏览器同源策略的限制,现在所有支持JavaScript的浏览器都使用了这个策略。那么什么是同源呢?所谓的同源是指三个方面“相同”:

    域名相同

    协议相同

    端口相同

    下面就举几个例子来帮助更好的理解同源策略。

    URL

    说明

    是否允许通信

    http://www.a.com/a.js
    http://www.a.com/b.js 同一域名 允许

    http://www.a.com/a.js
    http://www.b.com/a.js 不同域名 不允许

    http://www.a.com:8000/a.js
    http://www.a.com/b.js 同一域名不同端口 不允许

    https://www.a.com/a.js
    http://www.a.com/b.js 同一域名不同协议 不允许

    在JAVA中处理跨域问题,通常有以下两种常用的解决方法。

    第一种解决方法

    后台代码在被请求的Servlet中添加Header设置:

    response.setHeader("Access-Control-Allow-Origin", "*");
    PrintWriter out =null;
    try
    {
    out = response.getWriter();
    } catch (IOException e)
    {
    // TODO Auto-generated catch block
    e.printStackTrace();
    }
    out.print("{status:ok}");
    out.flush();
    out.close();

    Access-Control-Allow-Origin这个Header在W3C标准里用来检查该跨域请求是否可以被通过,如果值为*则表明当前页面可以跨域访问。默认的情况下是不允许的。

    在前端JS中需要向Servlet发出请求,请求代码如下所示:

    $.ajax({
    url: "your url",
    type:"get or post",
    dataType:"json",
    data:{
    ....
    },
    success:function(data){
    ...
    }

    第二种解决方法

    通过jsonp跨域请求的方式。JSONP和JSON虽然只有一个字母的区别,但是他们完全就是两回事,很多人很容易把他们搞混。JSON是一种数据交换的格式,而JSONP则是一种非官方跨域数据交互协议。

    首先来说一下前端JS是怎么发送请求。代码如下所示:

    $.ajax({
    url:"your url",
    type:"get or post",
    async:false,
    dataType : "jsonp",
    //服务端用于接收callback调用的function名的参数
    jsonp:"callbackparam",
    //callback的function名称
    jsonpCallback:"success_jsonpCallback",
    success:function(data){
    console.log(data);
    },
    error:function(data){
    console.log(data);
    }
    });

    这里的callbackparam和success_jsonpCallback可以理解为发送的data数据的键值对,可以自定义,但是callbackparam需要和后台约定好参数名称,因为后台需要获取到这个参数里面的值(即success_jsonpCallback)。

    下面,最重要的来了,后台怎么样获取和返回数据呢。代码如下所示:

    PrintWriter out =null;
    String callback=req.getParameter("callbackparam");
    String json=callback+"({status:ok})";
    try
    {
    out = resp.getWriter();
    } catch (IOException e)
    {
    // TODO Auto-generated catch block
    e.printStackTrace();
    }
    out.print(json);
    out.flush();
    out.close();

    首先需要获取参数名为callbackparam的值,这里获取到的值就是“success_jsonpCallback”。然后将这个值加上一对小括号。小括号里放入你需要返回的数据内容,比如这里我返回一个JSON对象。当然你也可以返回其他对象,比如只返回一个字符串类型数据也可以。最后前端JS返回的数据就是这样的:

    success_jsonpCallback({status:ok})

    浏览器会自动解析为json对象,这时候你只需要在success回调函数中直接用data.status就可以了。

    wwW.yIJ#ItAO.cOm

    相关文章
    为什么会出现高分低能2019-03-02
    天空为什么会出现彩虹2019-03-02
    为什么会出现雾霾天气2019-03-03
    为什么会出现封闭式基金的折价现象2019-04-03
    感染艾滋病后多久会出现症状2019-04-05
    为什么下雨后会出现彩虹2019-04-05
    为什么会出现这种现象2019-04-08
    做完人流手术后会出现什么症状2019-04-13
    肝有问题会出现什么症状2019-04-22
    血糖高的孕妇会出现什么症状2019-05-16