Archive for 九月, 2009

[jQuery]Table填入資料

{ 21 九月, 2009 @ 12:31 下午 } · { 網頁程式 }
{ 發表迴響 }

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8″>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.tabs.js"></script>
<script type="text/javascript" src="jquery.tabs.pack.js"></script>
<script type="text/javascript">
$().ready(function(){
var k1=123;
var k2=456;
var codes="";
codes += “<tr>";
codes += “<td>" + 123 + “</td>";
codes += “<td>" + 456 + “</td>";
codes += “</tr>";
$(‘#tt’).append(codes);
});
</script>
</head>
<body>
<div id="t">
</div>
<table border=1>
<tr>
<td id="td1″>321</td>
<td id="td2″>654</td>
</tr>
<tbody id="tt">
</tbody>
</table>
</body>
</html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8″>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript" src="jquery.tabs.js"></script>

<script type="text/javascript" src="jquery.tabs.pack.js"></script>

<script type="text/javascript">

$().ready(function(){

var k1=123;

var k2=456;

var codes="";

codes += “<tr>";

codes += “<td>" + 123 + “</td>";

codes += “<td>" + 456 + “</td>";

codes += “</tr>";

$(‘#tt’).append(codes);

});

</script>

</head>

<body>

<div id="t">

</div>

<table border=1>

<tr>

<td id="td1″>321</td>

<td id="td2″>654</td>

</tr>

<tbody id="tt">

</tbody>

</table>

</body>

</html>

[jQurey] JSON測試

{ 20 九月, 2009 @ 7:05 上午 } · { 網頁程式 }
{ 關閉留言功能 }

HTML

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN" “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<script language="javascript" src="jquery-1.3.1.js"></script>
<script language="javascript">
$(document).ready(function(){
$.getJSON(‘a.php’,function(data){
$.each(data,function(index,entry){
var result = “<tr>";
result += “<td>" + entry[‘a1’] + “</td>";
result += “<td>" + entry[‘a2’] + “</td>";
result += “<tr>";
$(‘#result’).append(result);
});
});

});

</script>
</head>
<body><br><br>

<table border="1″ bordercolor="#000000″>
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
<div id="result">

</div>
</table>
</body>
</html>

PHP

<?

$data[0][a1]="0a1″;
$data[0][a2]="0a2″;
$data[1][a1]="1a1″;
$data[1][a2]="1a2″;

echo json_encode($data);

?>