第一步：conn.PHP檔案，用於串連資料庫並定義介面格式，代碼如下：
<?php header("charset=utf-8"); $servername="localhost"; $username="root"; $password="root"; $dbname="test"; $conn = mysql_connect($servername,$username,$password); if(!$conn){ echo "資料庫連接失敗！"; } mysql_select_db($dbname); class Response{ public static function json($code,$message="",$data=array()){ $result=array( 'code'=>$code, 'message'=>$message, 'data'=>$data ); //輸出json echo json_encode($result); exit; } } ?>
第二步：text.php，用於將資料庫中的資料轉化為json字串，並輸出：
<?php require_once('conn.php'); /* *選擇資料表 * */ $sqla = "SELECT * from user"; $result = mysql_query($sqla,$conn); $dataarr = array(); while($row = mysql_fetch_array($result)){ $dataarr[]=$row; } $id=$_GET['id']; if($id==1){ Response::json(1,'資料返回成功',$dataarr); }else if($id==2){ Message::json(0,'失敗'); } ?>
第三步：text.html，ajax載入json資料並顯示：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery/2.0.0/jquery.min.js"></script> </head> <body> <input id="text" type="text"/> <input type="button" id="tijiao" value="提交" /> <p id="tex"></p> <script type="text/javascript"> $("#tijiao").click(function(){ var data={"id":$("#text").val()} $.get("text.php?flag=showmessage",data,function(res){ res=JSON.parse(res);//<span style="color:#cc0000;">將json字串轉化為json對象</span> if(res.code==1){ $("#tex").empty(); $.each(res.data, function(x,y) { $("#tex").append("id:"+y.id+"/姓名:"+y.username+"<br>"); }); } }) }) </script> </body> </html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
