php接收post过来的 json数据 例子

php接收post过来的 json数据 例子

 https://www.cnblogs.com/wmxl/p/6096876.html

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>post_data.html </title>
<meta charset="UTF-8">
<script type="text/javascript" src="jQuery/jquery-1.11.1.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
    var data=["777","888","999"];

    $.ajax({
        type:"post",
        url:"process_data.php",
        //data:{"name":JSON.stringify(data)},
        data:{"name":data},
        dataType:'json',
        success:function(ret){
            var str=ret[0] + ',' + ret[1] + ',' + ret[2];
            $('#result').html(str);
        }
    });

});

</script>
</head>
<body>
<div id="result">
    
</div>

</body>
</html>

 

<?php
//D:\workspace\php\hellophp\ajax_javascript\process_data.php
header("Content-type: applicatioin/json;charset=utf-8");
$arr=$_POST['name'];
//var_dump($arr);
$da=array();

foreach($arr as $value){
    $da[]=$value;
}

echo json_encode($da);//
?>

 

posted @ 2017-12-20 16:47  sky20080101  阅读(548)  评论(0)    收藏  举报