开发移动 Web Ajax 应用

　2010-08-02 00:00:00　来源：WEB开发网　　　

核心提示： 这是最典型的 web.xml 代码，我们可以看到 servlet 声明，开发移动 Web Ajax 应用(6)，应用使用了 JAX-RS 的参考实现 Jersey， Servlet 的初始化参数指示 Jersey 扫描 org.developerworks.mobile 包中被标记为处理服务请求

这是最典型的 web.xml 代码。我们可以看到 servlet 声明，应用使用了 JAX-RS 的参考实现 Jersey。 Servlet 的初始化参数指示 Jersey 扫描 org.developerworks.mobile 包中被标记为处理服务请求的类。同时，任何映射到 /resources/ 的请求都将映射到 Jersey servlet。这里最后需要注意的是文件最后的 mime-mapping 部分。这是 MANIFEST 文件的 MIME 类型，也是我后面将讨论到的脱机 Web 应用的一个关键。既然我们已经了解了 Web 应用将使用到的后台服务，接下来我们将了解它使用到的前台。

Ajax 构建的用户接口

清单 4 中我们可以看到应用有一个标准的 index.html 文件。这是应用的入口点，如清单 5 所示。

清单 5. index.html 文件

<!DOCTYPE　HTML　PUBLIC　"-//W3C//DTD　HTML　4.01　Transitional//EN">　　 <html　manifest="application.mf">　　<head>　　　<meta　http-equiv="content-type"　content="text/html;　charset=UTF-8">　　　<title>WebKit　News</title>　　　<meta　name　=　"viewport"　content　=　"width　=　device-width"/>　　　<script　type="text/javascript"　src="index.js"></script>　　</head>　　<body　>　　　<h1　id="title">Recent　News　About　WebKit</h1><img　 id="loader"　src="http://tech.ddvip.com/2010-08/loading.gif"/>　　</body>　 </html>　

这是一个非常简单的 Web 页面，但是其中有许多值得注意的方面。首先，在文件头部我设置了视区。它指示浏览器放大内容，使内容在设备上良好显示。在 UI 代码方面，这里只有一个标题和表示正在加载的图片。剩下的部分就是 JavaScript。文件 index.js 中的 loadEntries 函数会发送一个 Ajax 请求加载数据。这个函数如清单 6 所示。