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']}";