其中ajax的内容。通过get传递和post传递的区别在于，在type是post传递的时候需要填写data参数
get方式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ajax</title> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript"> /* $(document).ready(function(e) { }); */ $(function(){ $("#test").click(function(){ $.ajax({ type:"get", url:"text.php?random="+Math.random()+"&id=100", dateType: "html", success:function(date){ $("#testVal").html(date); } }) }) }) </script> </head> <body> <input type="button" id="test" value="ajax" /> <div id="testVal">异步请求的内容</div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> 我是测试的ajax的数据222 <?php $id=$_GET[‘id‘]; echo $id; ?> <body> </body> </html>
---------------------------------------
post方式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ajax</title> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript"> //$(document).ready(function(e) { //}); $(function(){ $("#test").click(function(){ $.ajax({ type:"post", url:"text.php?random="+Math.random(), dateType: "html", //post 传递这里需要 传递post传递的值 data:"id=200", success:function(data){ $("#testVal").html(data); } }) }) }) </script> </head> <body> <input type="button" id="test" value="ajax" /> <div id="testVal">异步请求的内容</div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> 我是测试的ajax的数据 <?php $id=$_POST[‘id‘]; echo $id; ?> <body> </body> </html>
---------------------------------------
返回数据json方式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ajax_json</title> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript"> $(function(){ $("#test").click(function(){ $.ajax({ type:"get", url:"test.php?random="+Math.random(), dataType:"json", success: function(data){//evel(var)返回var的字符串形，可以当做命令执行 //alert(typeof data); //$("#testVal").html(data); var myJson=eval(data); for(i=0;i<myJson.length;i++){ alert(myJson[i].aName);//其中aName是数据库中的字段 } } }) }) }) </script> </head> <body> <input type="button" id="test" value="ajax" /> <div id="testVal">异步请求的内容</div> </body> </html>
<?php $link=mysql_connect("127.0.0.1","root",""); mysql_query("set names utf8"); mysql_select_db("pro",$link); $sql="select * from admin"; $result=mysql_query($sql); while ($rs=mysql_fetch_assoc($result)){ //print_r($rs); 单独的数组 $rows[]=($rs);//转为2维数组 } //print_r($rows); echo json_encode($rows);
比较其中,post,get,和json的运用方式，硬伤。
原文：http://www.cnblogs.com/DscJokey/p/4719694.html
