標籤：script localhost alert origin 注意 代碼 方式 click 3.2
html代碼
<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() { 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>
php代碼
<?php $student = $_POST[‘student‘]; echo $student[‘name‘]; echo $student[‘age‘]; echo $student[‘sex‘];?>
這是在一台電腦上的，如果兩台電腦就設計到跨域的問題，html的代碼要把url改一下，php的代碼要加一個頭具體看代碼
html代碼
<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() { 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‘];?>
這樣html那邊訪問後就會aler出echo的資訊
php接收post過來的 json資料 例子
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
