简单的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文件代码


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
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文件

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

$arr=json_decode($_POST['ss'],true);
echo "地方:{$_POST['ss']}";

你可能感兴趣的:(简单的json数据请求(php))