当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > 用Oracle JDeveloper 10.1.3构建Ajax应用程序

AJAX技术
一个简单的ASP+AJAX留言本源码下载
IE7下ajax之open Method New的说明
ASP+Ajax实现无刷新评论简单例子
AJAX的阻塞及跨域名解析
[js]一个获取页面ip的正则
AJAX乱码解决新方法
也写一个Ajax.Request类附代码
AJAX简历系统附js文件
Ajax留言本源码 提供下载了
找到一款不错的基于AJAX留言板源码(PHP版、ASP版)提供下载了
Ajax 学习资源 中外都有
本人ajax留言板的源程序 不错的应用js
xmlhttp 乱码 比较完整的解决方法 (UTF8,GB2312 编码 解码)
AJAX集天气\IP\多国语言翻译MP3(可同步LRC歌词显示)\万年历查询通
AJAX缓存问题的两种解决方法(IE)
AJAX 常用函数创建XMLHTTP对象,区别IE,Mozilla浏览器
Ajax的小贴士使用小结
用ajax动态加载需要的js文件
XMLHTTP多浏览器兼容性写法
PJBLOG中用到的ajaxjs.几个简单的函数

AJAX技术 中的 用Oracle JDeveloper 10.1.3构建Ajax应用程序


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-03   浏览: 54 ::
收藏到网摘: n/a

关于 Ajax

"Ajax" 表示异步 Javascript 和 XML,它是 "Web 2.0" 范型的核心。一种定义(Web 2.0 有多个定义)指出,Web 2.0 是可提高响应速率、提供丰富 UI 组件的新一代 Web 应用程序的简写,它使 Web 应用程序更贴近客户端-服务器桌面客户端的用户体验。Ajax 不是软件标准,而是对一组技术的描述,这些技术包括 JavaScript、文档对象模型 (DOM) 和浏览器 XmlHttpRequest 对象(IE 中为 XmlHttp 对象)。通过结合使用这些技术,用户可以构建基于浏览器的交互式用户界面。

借助浏览器 XmlHttpRequest 对象,Ajax 应用程序可以使用异步通信检索服务器数据。对于怎样的 Web 应用程序才算是 Ajax 应用程序目前还没有明确定义。因此,目前对待 Ajax 的最佳方式是将其视为构建下一代 Web 应用程序(这些应用程序使我们更接近最终用户在客户端-服务器桌面客户端上的体验)的编程模式。需要注意的一点是,Ajax 与 J2EE 或 Java 无关;相反,它可以与 .NET、PHP、CGI 和 Perl 一起使用。有关 Ajax 的好消息是,它用来解释规则的示例并不比 "hello world" 复杂。

这篇方法文档为您利用 Oracle JDeveloper 构建 J2EE 中的 Ajax 应用程序提供了一流的上机体验。

这些练习使用的技术包括:

  • JavaScript - JavaScript 语言在浏览器客户端上执行,它是 Ajax 的核心。使用 JavaScript 在客户端执行逻辑、数学和功能操作。使用文档对象模型 (DOM) 时,可使用 JavaScript 动态处理浏览器中显示的网页。
  • 文档对象模型 (DOM) - 它是 HTML 页面文档的虚拟树状表示,保存在浏览器内存中,可以通过 JavaScript 进行访问。可以使用 DOM 树动态处理浏览器中当前 HTML 页面上的 UI 组件。
  • XmlHttpRequest - XmlHttpRequest 对象是用于访问远程服务器的浏览器端 API,几乎所有现代浏览器都可以提供这种技术。XmlHttpRequest 对象使客户端可以使用 http GETPOST 请求获取远程服务器数据,且无需在页面间导航。服务器访问可以设计为同步或异步方式,后者将使用 JavaScript 回调机制。
  • 样式表 (CSS) - CSS 用于定义服务器上组件的外观、位置和大小。使用外部 CSS 资源时,您可以使应用程序的外观独立于视图的显示 — 在使用 Ajax 的情况下,视图通常是利用 Javascript 构建的。
  • HttpServlet - HttpServlet 用于模仿服务器会话来展示 Ajax 的后台数据检索。

用 Oracle JDeveloper 10.1.3 构建 Ajax 应用程序

遵循此处列出的详细指示,您将从静态 HTML 客户端读取服务器端文件的文本字符串开始逐步构建 "Hello Ajax"。完成此方法文档后,您将开发出一个从服务器上的 servlet 读取数据的网页,并使用 CSS 样式表为检索的数据行建立交变的背景色。一个输入文本域允许您为显示的消息提供输入。单击此处下载完整的 Oracle JDeveloper 10.1.3 工作区。

 

图 1

 

构建同步 Ajax 页面

1.

从 Jdeveloper 菜单和 New Gallery 中选择 File > New > New Application,打开 Oracle JDeveloper 10.1.3 并创建一个新的应用程序。在创建对话框中,键入 JDeveloper 应用程序名 "HelloAjax",并提供其他所需信息。由于默认的 JDeveloper 项目可以满足需要,因此您不必选择应用程序模板。

 

图 2

 

2.
为默认的 JDeveloper 项目命名,如 "Ajaxprj"。
3.
从 Ajaxprj 节点的上下文菜单中选择 New,打开 JDeveloper New Gallery。
4.

创建一个新的 HTML 页面 helloAjax.hml。验证 helloAjax.html 文件位于 public_html 目录下,以便嵌入的 web 容器能运行该文件。

 

图 3


5.
创建一个文本文件 helloAjax.txt