一、同源策略 要理解跨域，先要了解一下“同源策略”。所谓同源是指，域名，协议，端口相同。所谓“同源策略“，简单的说就是基于安全考虑，当前域不能访问其他域的东西。 一些常见的是否同源示例可参照下表： 在同源策略下，在某个服务器下的页面是无法获取到该服务器以外的数据的。例如我们在自己的网站通过ajax去 ...
分类：
Web程序 时间：
2018-07-30 17:59:40
阅读次数：
197
json-server 使用总结 What:伪造在线REST API，给前端页面提供虚拟的数据 ，支持CORS和JSONP跨域请求，支持GET, POST, PUT, PATCH 和 DELETE 方法 How to use 使用方法一：使用线上地址在线调用 进入线上地址 http://jsonpl ...
分类：
Web程序 时间：
2018-07-04 16:03:23
阅读次数：
270
1、jsonp一种请求方式、用于解决一个棘手的问题： 由于浏览器具有同源策略：即可以通过后台去访问其他网站，而不能通过浏览器（ajax请求）访问其他网页或域（阻止ajax请求，但是无法阻止<script src="">请求，所有带src属性的都不阻止 巧妙的实现方式： 创建一个<script>标签， ...
分类：
Web程序 时间：
2018-06-22 01:14:19
阅读次数：
250
今天在进行js开发的过程中出现了一个奇怪的问题,就是使用ajax向后端发送post请求时,在浏览器network中查看response时,显示400 bad request 并且请求方式变成get,因为本人不专前端,所以甚是疑惑,百般寻找答案无果,已经排除不是jsonp 跨域请求(据说js中跨域只能 ...
分类：
Web程序 时间：
2018-05-16 00:32:09
阅读次数：
640
正开发过程中 前后端分离或者不分离 ,接口多半是之后与页面的开发 ,所以建立rest的APL的接口 给前端提供虚拟的数据是非常必要的 所以这里我使用了json server作为工具,支持CORS和JSONP跨域请求，支持GET, POST, PUT, PATCH 和 DELETE 方法,更提供了一系 ...
分类：
Web程序 时间：
2018-04-16 20:44:41
阅读次数：
278
同源策略：是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以a.com下的js脚本采用ajax读取b.com里面的文件数据是会报错的。同源：指的是地址里面的协议(http/https)、域名和端口号均相同 不受同源策略限制的： 1、页面中的链接，重定向以及表单提 ...
分类：
Web程序 时间：
2018-01-26 17:11:17
阅读次数：
157
跨域的安全限制都是对浏览器端来说的，服务器端是不存在跨域安全限制的。 浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。 如果协议，端口和主机对于两个页面是相同的，则两个页面具有相同的源，否则就是不同源的。 如果要在js里发起跨域请求，则要进行一些特殊处理了。或者，你可以把请 ...
分类：
Web程序 时间：
2017-12-25 15:37:42
阅读次数：
427
轻松搞定JSONP跨域请求 一、同源策略 要理解跨域，先要了解一下“同源策略”。所谓同源是指，域名，协议，端口相同。所谓“同源策略“，简单的说就是基于安全考虑，当前域不能访问其他域的东西。 一些常见的是否同源示例可参照下表： 在同源策略下，在某个服务器下的页面是无法获取到该服务器以外的数据的。例如我 ...
分类：
Web程序 时间：
2017-12-03 12:54:59
阅读次数：
219
一、同源策略 要理解跨域，先要了解一下“同源策略”。所谓同源是指，域名，协议，端口相同。所谓“同源策略“，简单的说就是基于安全考虑，当前域不能访问其他域的东西。 在同源策略下，在某个服务器下的页面是无法获取到该服务器以外的数据的。例如我们在自己的网站通过ajax去获取豆瓣上https://devel ...
分类：
Web程序 时间：
2017-12-01 17:14:33
阅读次数：
237
请求如下： $.ajax({ type: "GET", async:false, url: "http://127.0.0.1:8080/Cross-site-request/crosssite", dataType: "jsonp", data: {"value":"123"}, jsonpCal ...
分类：
Web程序 时间：
2017-11-28 01:42:53
阅读次数：
305
