调用的博客园苏恒锋的文章。先收藏,在学习;
http://www.cnblogs.com/in-loading/archive/2012/05/18/2508123.html
程序中两个文件jsonTest1.php和jsonTest2.php。
jsonTest1.php
1 <html> 2 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 3 <script type="text/javascript" src="js/jquery-1.8.0.js"></script> 4 <head><title>传输数据</title></head> 5 <body> 6 姓名:<input name="name" ><br/> 7 性别:<input name="sex" ><br/> 8 年龄:<input name="age" ><br/> 9 <input type="submit" name="submit" > 10 <div style="font-size: 14px;" > 11 </div> 12 </body> 13 </html> 14 <script type="text/javascript"> 15 $(function(){ 16 $("#submit").click(function(){ 17 var text = $("input").serialize(); 18 // console.log(text); 19 $.ajax({ 20 'type':'POST', 21 'url':'jsonTest2.php', 22 'dataType':'json', 23 'data':text, 24 success:insertData 25 }); 26 }); 27 }); 28 function insertData(data){ 29 var str = "姓名="+data.name+"<br/>性别="+data.sex+"<br/>年龄="+data.age; 30 $("#view").html(str); 31 } 32 </script>