html代碼php
<html>
<head>
<title>json</title>
<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.js"></script>
</head>
<body>
json
<input type="button" onclick="sendJson()" value="點擊">
</body>css
<script>
function sendJson() {html
var stu={
name:"冷榮富",
age:22,
sex:"男"
};
$.ajax({
type : "POST", //提交方式
url : "http://localhost/jsonTest.php",//路徑,www根目錄下
data : {
"student" : stu
},//數據,這裏使用的是Json格式進行傳輸
success : function(result) {//返回數據根據結果進行相應的處理
alert(result);
}
});
}
</script>
</html>jquery
php代碼ajax
<?php
$student = $_POST['student'];
echo $student['name'];
echo $student['age'];
echo $student['sex'];
?>json
這是在一臺電腦上的,若是兩臺電腦就設計到跨域的問題,html的代碼要把url改一下,php的代碼要加一個頭具體看代碼跨域
html代碼url
<html>
<head>
<title>json</title>
<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.js"></script>
</head>
<body>
json
<input type="button" onclick="sendJson()" value="點擊">
</body>設計
<script>
function sendJson() {code
var stu={
name:"冷榮富",
age:22,
sex:"男"
};
$.ajax({
type : "POST", //提交方式
url : "http://211.83.247.14/TempServer/jsonTest.php",//注意!這個是跟上面不同的地方
data : {
"student" : stu
},//數據,這裏使用的是Json格式進行傳輸
success : function(result) {//返回數據根據結果進行相應的處理
alert(result);
}
});
}
</script>
</html>
php代碼
<?php header('Access-Control-Allow-Origin:*');//注意!跨域要加這個頭 上面那個沒有 $student = $_POST['student']; echo $student['name']; echo $student['age']; echo $student['sex'];?>