📄 22-7.txt
字号:
<!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" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AJAX</title>
<!-- ===================[01]=================== -->
<!-- 引用必要的框架类库，并注意前面定义的命名空间 -->
<script src="Includes/xpath.js" type="text/javascript"></script>
<script src="Includes/SpryData.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
// ===================[02]===================
//根据XML文件创建数据集
var myDataSet = new Spry.Data.XMLDataSet("employees.xml", "employee/name");
//-->
</script>
</head>
<body>
<!-- ===================[03]=================== -->
<!-- 定义一个spry区域，并将区域绑定到数据集 -->
<div spry:region="myDataSet">
<table border="1">
<caption>员工列表</caption>
<tr>
<th>姓氏</th>
<th>名字</th>
<th>职位</th>
</tr>
<!-- ===================[04]=================== -->
<!-- 定义一个重复区域，并将HTML元素对象绑定到数据集，并呈现出来 -->
<tr spry:repeat="myDataSet">
<td>{myDataSet::first}</td>
<td>{myDataSet::last}</td>
<td>{myDataSet::@EmpType}</td>
</tr>
</table>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -