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的信息