ajax 跨域前後端實現
阿新 • • 發佈:2018-06-22
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 跨域前後端實現