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

//假设这个页面为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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

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


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

相关阅读:
多肽标签VSV-G Tag、YTDIEMNRLGK
Linux加持SSH隧道技术实现服务端口本地转发
MySQL八股
搭建数字藏品系统开发详细功能
5.Nginx负载均衡实例
RABBITMQ的本地测试证书生成脚本
【vue3】webpack和vite介绍与使用【超详细】
IDEA找不到Database解决方法
基于机器学习的课堂自动点名系统
Logo设计教程：从入门到精通的全程指导

原文地址：https://blog.csdn.net/cdcdhj/article/details/133847969