标签:
test.html:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> 7 <script> 8 $(function(){ 9 var url = ‘test.php‘; 10 $(document).on(‘click‘,‘button‘,function(){ 11 var params = $(‘input‘).serialize(); 12 //alert(params); //user=test&pwd=123&sex=%E7%94%B7 13 $.ajax({ 14 url : url, 15 type : ‘get‘, 16 data : params, 17 dataType : ‘json‘, 18 success : function(msg){ 19 alert(msg.user+"\n"+msg.pwd+"\n"+msg.sex); 20 } 21 }); 22 23 }); 24 }); 25 </script> 26 </head> 27 <body> 28 用户名:<input type="text" name="user"><br> 29 密 码:<input type="password" name="pwd"><br> 30 性 别:<input type="radio" name="sex" value="男"> 男 31 <input type="radio" name="sex" value="女"> 女 32 <br> 33 <button>提交</button> 34 </body> 35 </html>
test.php:
1 <?php 2 echo json_encode($_GET); //对$_GET数组进行 JSON 编码 结果:{"user":"admin","pwd":"123","sex":"\u5973"} 3 ?>
结果:
注意:input中的name属性是必须的!
标签:
原文地址:http://www.cnblogs.com/cloak/p/4978050.html