5-18X.php主頁面
<!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> <!--自此一下開始編寫--> <script src="jquery-2.1.1.min.js"></script> </head> <body> <select id="m"></select> </body> <script type="text/javascript"> //jquery是由javascript開發的一個框架,並不是一種獨立的語言,這種框架其實就是javascript的一個函數,函數名就為jquery, //由於在框架中把jquery簡寫成了一個簡單的$符號,所以這個函數的使用格式就變成了$(),自然使用jquey就得加$()或jquery(); $(document).ready(function(e) { $.ajax({ url:"X.php", dataType:"XML", success: function(data) { var ch = $(data).find("x").children(); var str =""; //XML 傳輸的是一個頁面，引用時作為變量，取jquery地址 for(var i=0;i<ch.length;i++) { var code = $(ch[i]).find("code").text(); var name = $(ch[i]).find("name").text(); str+="<option value='"+code+"'>"+name+"</option>"; } $("#m").html(str); } }) }); //$()就是jquery的一個標識符 就類似於php中變量要用$定義一樣 </script> </html>
X.php
<?php include("./Tp.class.php"); $db=new Tp(); $sql="select * from car"; $attr=$db->query($sql); //XML 輸出 echo "<x>"; foreach($attr as $k=>$v) //$k 是主鍵值 { echo "<m{$k}>"; echo "<code>{$v[0]}</code>"; echo "<name>{$v[1]}</name>"; echo "</m{$k}>"; } echo "</x>"; ?>