调用的博客园苏恒锋的文章。先收藏,在学习;

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>
View Code

相关文章: