ajax 跨域前后端实现

Posted 百里屠苏phper

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ajax 跨域前后端实现相关的知识，希望对你有一定的参考价值。

客户端实现：

<?php
header("Content-Type:text/html;charset=utf8");
session_start();
$_SESSION["username"] = "骚男";
$_SESSION["userage"] = "25";
$session_name = $_SESSION["username"];
$session_age = $_SESSION["userage"];
?>
<body>
    <div id="msg"></div>
</body>
<script src="jquery.js" type="text/javascript"></script>
<script>
    function test() {
        $.ajax({
            //提交数据的类型 POST GET
            type: "POST",
            //提交的网址
            url: "http://www.test.me/ajax/server.php",
            //提交的数据  
            data: {
                Name: "<?php echo $session_name; ?>",
                Age: "<?php echo $session_age; ?>",
            },
            //返回数据的格式  
            datatype: "html", //"xml", "html", "script", "json", "jsonp", "text".  
            //成功返回之后调用的函数               
            success: function(data) {
                $("#msg").html(decodeURI(data));
            },
            //调用出错执行的函数  
            error: function() {
                //请求出错处理  
                alert(‘0‘);
            }
        });
    }
    test();
</script>

 

服务端实现：

<?php
header(‘Access-Control-Allow-Origin: *‘);
header(‘Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept‘);
//主要为跨域CORS配置的两大基本信息,Origin和headers

session_start();
$_SESSION["username"] = $_POST[‘Name‘];
var_dump($_SESSION["username"]);
?>

 

以上是关于ajax 跨域前后端实现的主要内容，如果未能解决你的问题，请参考以下文章

前后端分离ajax请求跨域问题

SpringSecurity解决跨域问题，在SpringBoot整合SprinSecurity中如何用前后端分离Ajax登录，Ajax登录返回状态200还是近error

Chrome设置允许ajax跨域

在前后端分离的项目中，ajax跨域请求怎样附带cookie

vue2 前后端分离项目ajax跨域session问题解决

前后端交互工具 ---- Ajax 的使用