跨域电路

A. 前端开发中，什么时候会遇到跨域情况，还有，jsonp和ajax是什么关系jsonp原理不是动态添

您好！很高兴为您解答问题：
简单的举个例子，您在本地用ajax访问您服务器上面的数据，这个时候浏览器就会告诉您一个错误，提示跨域了；
jsonp原理：我们知道<script src=''></script>里面的这个src既可以是本地的，也可以是别人的，这样能引入到我们自己的代码里边，这样我们拿过来就能使用了；
jsonp和ajax的关系：他两之间并没有什么必然的联系，ajax不跨域的时候使用，jsonp跨域的时候使用；两者相同点就是异步去获取数据。
望采纳

B. 跨域电路是什么意思

域(Domain)是Windows网络中独立运行的单位，域之间相互访问则需要建立信任关系(即Trust Relation)。信任关系是连接在域与域之间的桥梁。当一个域与其他域建立了信任关系后，2个域之间不但可以按需要相互进行管理，还可以跨网分配文件和打印机等设备资源，使不同的域之间实现网络资源的共享与管理。 有一种简明的说法来解释广域跨域：跨域访问，简单来说就是 A 网站的 javascript 代码试图访问 B 网站，包括提交内容和获取内容。由于安全原因，跨域访问是被各大浏览器所默认禁止的。

C. ajax处理跨域有几种方式实现原理是什么

Ajax 本身跨域是被浏览器给禁止的 那么要实现不刷新页面的情况下，改变页面内容或取得服务端数据，至少有下面 4 个方法 1.自己搭个服务端代理 这个兼容性最好，特别是目标点不是自己可以操作的情况下，能够自己转化为标准的 js 数据 2.用 Flash

D. jsonp跨域的原理是什么

jsonp其核心思想是利用JS标签里面的跨域特性进行跨域数据访问，在JS标签里面存在的是一个跨域的URL，实际执行的时候通过这个URL获得一段字符串，这段返回的字符串必须是一个合法的JS调用，通过EVAL这个字符串来完成对获得的数据的处理。

JSONP(JSON with Padding（填充）)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。

JSONP是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。

相关信息：

由于浏览器同源策略的限制，非同源下的请求，都会产生跨域问题，jsonp即是为了解决这个问题出现的一种简便解决方案。

同源策略即：同一协议，同一域名，同一端口号。当其中一个不满足时，我们的请求即会发生跨域问题。

E. POST的跨域原理解析及GET和POST的区别

但是也是因为浏览器同源策略的原因，前端页面不能跨域请求所需资源
但是在日常的WEB开发中，需要进行跨域请求，常用有两种方式可以跨域请求所需资源
1：JSONP
JSONP是服务器与客户端跨源通信的常用方法。最大特点就是简单适用，老式浏览器全部支持，
服务器改造非常小。
JSONP的原理是利用script标签的src属性可以进行不受同源策略的限制，进行跨域请求数据的属性，在
HTML页面中添加一个script标签，向服务器发送请求,服务器收到请求后，返回数据，
将数据放在指定的回调函数中，回调函数中可以对数据进行操作

2：GET、POST
CORS是W3C标准，它允许浏览器向跨源服务器发送AJAX请求，当浏览器发送请求的时候，会在请求头自动添加上origin字段，值为发送请求的页面的所在域名，请求到达服务器，服务器会根据这个字段校验，如果这个源不在许可范围内，会有一个正常的响应，但是响应头部没有Access-Control-Allow-Origin，浏览器报抛出一个错误，会被xhr的onerror函数捕获，但是HTTP的状态码也有可能是200；如果请求的类型是PUT或者DELETE等特殊的请求方法，或者content-type:application/json，那么，这个请求为非简单请求，浏览器会在发送正式请求前先发送一个预检请求，预检请求中的请求头部信息除了origin源字段以外，还有Access-Control-Allow—Method和Access-Control-Allow—Header，预检请求是一个OPTION类型的请求，只要服务端通过了预检请求，之后的请求就和简单请求是一样的
GET、POST是ajax请求，ajax请求是基于XMLHttpRequest对象的跨域请求方式（低版本的ie是
ActiveXObject对象），XMLHttpRequest是ajax的核心机制，
它是一种支持异步请求的技术。简单的说，也就是javascript可以及时向服务器提出请求和处理响应，
而不阻塞用户。达到无刷新的效果。
GET和POST的区别：
1.post更安全（不会作为url的一部分，不会被缓存、保存在服务器日志、以及浏览器浏览记录中）
2.post发送的数据量更大（get有url长度限制）
3.post能发送更多的数据类型（get只能发送ASCII字符）
4.post比get慢
5.get是幂等的，而post不是幂等的
6.get可以被缓存，post不可以被缓存

因为get请求的请求参数是放在header中（添加在链接后面），而post请求的参数是放在body中，其实url的长度限制不是get和post所决定的，而是浏览器有所限制，和get、post没有基本没有关系
get和post相比，要快，是因为get和post的请求过程不同，不多前三步都是一样的，都是要先经过和服务器的三次握手：
1.浏览器请求tcp连接（第一次握手）
2.服务器答应进行tcp连接（第二次握手）
3.浏览器确认，并发送get请求头和数据（第三次握手，这个报文比较小，所以http会在此时进行第一次数据发送）
get请求在第四步就会接收到了服务器返回的数据，而post请求在第四步是接收到服务器发送的100 continue指令，客户端在发送数据请求服务端，服务端才会去返回数据，
就是说POST比GET多进行了一次客户端和服务器的打交道，GET请求产生了一个TCP数据包，而POST请求产生了两个TCP数据包

F. jsonp跨域原理

jsonp跨域原理用script标签的开放策略，可以实现跨域请求数据。当正常地请求一个JSON数据的时候，服务端返回的是一串JSON类型的数据，而使用JSONP模式来请求数据的时候，服务端返回的是一段可执行的JavaScript代码。

JSONP在开放API中可以起到非常重要的作用，开放API是运用在开发者自己的应用上，而许多应用往往是在开发者的服务器上，而不是在新浪微博的服务器上。

因此跨域请求数据成为开发者们所需要解决的一大问题，广大开放平台应该实现对JSONP的支持，虽然某些API里没有说明，但实际上是可以使用JSONP方式调用的。

(6)跨域电路扩展阅读

在客户端调用提供JSONP支持的URL Service，获取JSONP格式数据。

比如客户想访问http://www.yiwuku.com/myService.aspx?jsonp=callbackFunction

假设客户期望返回JSON数据：["customername1","customername2"]

那么真正返回到客户端的Script Tags:callbackFunction([“customername1","customername2"])

可能的调用方式：

<scripttype="text/javascript"src="http://www.yiwuku.com/myService.aspx?jsonp=callbackFunction"></script>

G. 怎么解决跨域的.以及后续jsonp的原理和实现以及cors怎么设置

1. XMLHttpRequest跨域对于IE而言可以直接完成，但是对于其他浏览器而言报错，无法跨域，有人说要设置浏览器；

2. 因此，需要服务器给出回调函数callback，用于客户端调用；

3. 这就是所谓的jsonp调用；

4. 如果是自己的服务器和客户端，但是用协议访问，也是跨域，当然可以设置自己的服务器代码，添加cros等设置即可，网页搜索一大把。

5. 如果是其他的服务器，那就要他们给出回调函数，如果没有，就不能完美的调用，除非用后台代码。