简单的json数据请求(php)

1.配置好php环境(百度搜索相关教程)
把php文件和html文件放在F:\PHPWAMP_V8.1.6.8_setup.1453103586\PHPWAMP\phpwamp\htdocs这个文件中,或者
F:\PHPWAMP_V8.1.6.8_setup.1453103586\PHPWAMP\wwwroot这个文件中
html文件代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <ul class="module">
        <li>
            <input type="text" class="id">
        </li>
        <li>
            <input type="text" class="name">
        </li>
    </ul>
    <ul class="module">
        <li>
            <input type="text" class="id">
        </li>
        <li>
            <input type="text" class="name">
        </li>
    </ul>
    <input type="submit">
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
    <script>
    $("input[type='submit']").click(function(){

            var jsonArr=new Array();
            $.each($(".module"),function(){
                var name=$(this).find(".name").val();
                var id=$(this).find(".id").val();
                var jsonObj={};
                jsonObj['name']=name;
                jsonObj['id']=id;
                jsonArr.push(jsonObj);
            })
            console.log(jsonArr);
            console.log(JSON.stringify(jsonArr));
          $.ajax({  
            cache : true,  
            type : "post",  
            url : "tranpost.php",  
            data : {  
                "ss" : JSON.stringify(jsonArr)  
            },  

            async: false,  
            error : function(request) {  
                alert("提交失败");  
            },  
            success : function(data) { 
                alert(data);
            }  
        });  
    })
    </script>
</body>
</html>

php文件

<?php
header('content-type:text/html;charset="utf-8"');
error_reporting(0);

$arr=json_decode($_POST['ss'],true);
echo "地方:{$_POST['ss']}";
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值