Mr.J---重拾Ajax（四）-- 跨域

2024-06-16 19:43:15

跨域

域名地址的组成

http:// www . abc.com : 8080 / script/jquery.js

协议子域名主域名端口号请求资源地址

当协议，子域名，主域名，端口号中任意一个不同时，都算作不同域。
不同域之间相互请求资源，就算做 “跨域"

出于安全的考虑，不允许跨域调用其它页面的对象。简单的理解就是a.com域名下的js无法操作b.com或者c.com域名下的对象。

代理

通过在同域名的Web服务器端创建一个代理
例如：服务器一（域名：www.first.com）服务器二（域名：www.second.com）
比如在第一个服务器后台（www.first.com/proxy-firstservice.php）来调用第二个服务器（www.second.com/service.php）的服务，再把相应结果发送给前端，这样前端调用第一个服务器同域名的服务就和调用第二个服务器的服务效果相同了。

JSONP

JSONP可用于解决主流浏览器的跨域数据访问的问题。

注意：只能对GET请求有效果！！！

同样对服务器端代码进行修改（jsonp中连接字符串使用 “ . ” ）

可以在发送请求中清楚看见参数callback 后面的jQuery....为随机生成的参数值

再查看返回值

参数值：jQuery1111018177324043309095_1565923075763

返回值：jQuery1111018177324043309095_1565923075763({"success":true,"msg":"找到员工：员工编号：101，员工姓名：洪七，员工性别：男，员工职位：总经理"})。

对比发现，两个参数值一样。

jsonp为什么不支持POST？

jsonp的本质是：动态创建script标签，然后通过他的src属性发送跨域请求，不同意然后服务器相应的数据格式为【函数调用foo（实参）】，所以在发送请求之前必须声明一个函数，并且函数的名字与参数中传递的名字要一致。

原理就是从服务端加载一段脚本（用script标签），然后把数据放到一个函数参数里面，再然后浏览器里定义的那个函数就能拿到那个数据了~

注意：标签里只能发GET

XHR２

HTML提供的XMLHttpRequest Level2已经实现了跨域访问以及其他的一些新功能。IE10以下的都不支持！！！

在服务器端做一点改造：

header('Access-Control-Allow-Origin:*');header('Access-Control-Allow-Methods:*');

XHR2通信基础

Mr.J---重拾Ajax（四）-- 跨域相关推荐

ajax 跨域请求数据,JQuery Ajax执行跨域请求数据的解决方案
JQuery Ajax执行跨域请求数据的解决方案今天前端因为需要ajax调用两个不同的项目,请求域不一样,所以涉及ajax跨域的问题 ,其实很简单,具体如下原来的ajax请求如下: $.ajax( ...
ajax是如何实现跨域的,在JS中如何实现ajax与ajax的跨域请求
下面小编就为大家分享一篇原生JS实现ajax与ajax的跨域请求实例,具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧一.原生JS实现ajax 第一步获得XMLHttpRequest对 ...
jfinal里使用ajax,Jfinal解决AJAX的跨域请求
JFinal 是基于 Java 语言的极速 WEB + ORM 框架,其核心设计目标是开发迅速.代码量少.学习简单.功能强大.轻量级.易扩展.Restful. 一开始使用AJAX来传输json数据时, ...
利用Nginx轻松实现Ajax的跨域请求(前后端分离开发调试必备神技)
利用Nginx轻松实现浏览器中Ajax的跨域请求(前后端分离开发调试必备神技) 前言为什么会出现跨域? 造成跨域问题的原因是因为浏览器受到同源策略的限制,也就是说js只能访问和操作自己域下的资源,不 ...
vb跨域访问ajax,解决AJAX的跨域访问-两种有效示例
这篇文章主要为大家详细介绍了解决AJAX的跨域访问-两种有效示例,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小玲来看看吧!新的W3C策略实现了HTTP跨域访问,还 ...
ajax+php跨域请求数据库,基于jQuery的ajax跨域请求，PHP作为服务器端代码
ajax实现跨域请求有两种方式: 方法一:jsonp的方式 jsonp方式的关键点在客户请求以jsonp作为数据类型,服务器端接收jsonp的回调函数,并通过回调函数进行数据的传输.具体代码如下: 客 ...
ASP.Net中关于WebAPI与Ajax进行跨域数据交互时Cookies数据的传递
本文主要介绍了ASP.Net WebAPI与Ajax进行跨域数据交互时Cookies数据传递的相关知识.具有很好的参考价值.下面跟着小编一起来看下吧前言最近公司项目进行架构调整,由原来的三层架构改 ...
解决Ajax不能跨域的方法
1. Ajax不能跨域请求的原因同源策略(Same Origin Policy),是一种约定,该约定阻止当前脚本获取或者操作另一个域下的内容.所有支持Javascript的浏览器都支持同源策略,也 ...
jquery ajax 解决跨域访问问题
当使用jquery ajax进行跨域请求时,会出现Access-Control-Allow-Origin错误 //获取验证码 var send_status = true; $('#pull_code ...
java ajax传输图片_Java使用Ajax实现跨域上传图片功能
说明 : 图片服务器是用Nginx搭建的,用的是PHP语言这个功能需要用到两个js文件: jquery.js和jQuery.form.js function submitImgSize1Uplo ...

最新文章

热门文章