1. 程式人生 > >ajax 跨域前後端實現

ajax 跨域前後端實現

charset quest .html on() scrip XML tar ror IT

客戶端實現:

<?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 跨域前後端實現