javascript跨域传输数据的设置和兼容浏览函数代码

cdcdhj

于 2023-10-15 21:24:12 发布

阅读量236

点赞数

分类专栏： javascript学习日记文章标签： javascript android 开发语言

本文链接：https://blog.csdn.net/cdcdhj/article/details/133847969

版权

javascript学习日记专栏收录该内容

123 篇文章 0 订阅

订阅专栏

//假设这个页面为http://www.xuejq.mm/get.php

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8"></html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>拖动元素到另外一个元素当中</title>
       
    </head>
    <body>
     
        <script type="text/javascript">
        //跨域获取的函数
         function createCORSRequest(method,url)
         {
         	//标准浏览器
            var xhr=new XMLHttpRequest();
            if("withCredentials" in xhr)
            {
                xhr.open(method,url,true)
            }else if(typeof XDomainRequest !="undefined")
            {
            //兼容IE浏览器
                xhr=new XDomainRequest();
                xhr.open(method,url);
            }else
            {
                xhr=null
            }
            return xhr;
         }
		//这里是需要跨域的目标页http://www.cssxue.mm/cors.php
         var request=createCORSRequest("get","http://www.cssxue.mm/cors.php");
         if(request)
         {
            request.onload=function(){
                console.log(request.responseText);
            };
            request.send();
         }
            
        </script>
    </body>
</html>

//目标页http://www.cssxue.mm/cors.php

<?php
//必须设置这个header()头，被允许跨域获取的URL
header("Access-Control-Allow-Origin: http://www.xuejq.mm");
echo "fdfadsfa";
?>

cdcdhj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript跨域传输数据的设置和兼容浏览函数代码

/这里是需要跨域的目标页http://www.cssxue.mm/cors.php。//假设这个页面为http://www.xuejq.mm/get.php。//目标页http://www.cssxue.mm/cors.php。
复制链接

扫一扫