简单的json数据请求（php）

来源：互联网发布：想学软件编程编辑：程序博客网时间：2024/06/04 23:18

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文件

<?phpheader('content-type:text/html;charset="utf-8"');error_reporting(0);$arr=json_decode($_POST['ss'],true);echo "地方:{$_POST['ss']}";

阅读全文

1 0