AJAX跨域的示例分析

小编给大家分享一下AJAX跨域的示例分析，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

成都创新互联专注于沙洋企业网站建设,自适应网站建设,购物商城网站建设。沙洋网站建设公司,为沙洋等地区提供建站服务。全流程按需定制制作，专业设计，全程项目跟踪，成都创新互联专业和态度为您提供的服务

AJAX 的跨域问题，常用的解决方法有两种，简单记录下，详细内容查看参考资料。以下示例自建两个域名测试，www.test.com、www.example.com。

同源策略

同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。

两个页面，如果域名、协议、端口都相同，即是同源，其间的交互不存在问题。同源策略是很重要的安全机制，但是有些时候需要突破这种机制，这就需要跨域。

JSONP

JSONP 是很常用的方法，它是利用 <script>标签没有跨域限制的原理实现。以下是在 www.test.com 中使用 JQuery 示例

$.ajax( {    
    url:'//www.example.com',
    data:{name:'tom'},    
    type:'get',    
    dataType:'jsonp',
    jsonp: "callback",    
    success:function(data) {    
          console.log(data)  
     }
})

以下是 www.example.com 的 PHP 处理

<?php
$callback = $_GET['callback'];
$name = $_GET['name'];

// 处理数据
$data = md5($name);

echo $callback . '(' . json_encode($data) . ')';

CORS

CORS (Cross-origin resource sharing)，跨域资源共享标准允许 Web 应用服务器进行跨域访问控制。相对于 JSONP 只支持 GET ，CORS 支持更多的 HTTP 请求，同时更简单、安全。不过 CORS 可能会存在兼容问题。
以下是在 www.test.com 中发送 AJAX 请求

$.ajax( {    
    url:'//www.example.com',
    data:{name:'tom'},    
    type:'post',    
    dataType:'json',  
    success:function(data) {    
          console.log(data)  
     }
});

www.example.com 的 PHP 处理

<?php
header("Access-Control-Allow-Origin: http://www.test.com");

$name = $_POST['name'];

// 处理数据
$data = md5($name);

echo json_encode($data);

以上是“AJAX跨域的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

新闻标题：AJAX跨域的示例分析
分享网址：https://www.cdcxhl.com/article46/ihsphg.html

成都网站建设公司_创新互联，为您提供自适应网站、外贸网站建设、定制开发、用户体验、网站内链、搜索引擎优化

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联