用Oracle JDeveloper 10.1.3构建Ajax应用程序

2016-01-29 11:22 3 1 收藏

用Oracle JDeveloper 10.1.3构建Ajax应用程序,用Oracle JDeveloper 10.1.3构建Ajax应用程序

【 tulaoshi.com - Javascript 】

关于 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 工作区。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/javascript/)
图 1

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/javascript/)构建同步 Ajax 页面1.

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

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/javascript/)
图 2

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/javascript/)2.为默认的 JDeveloper 项目命名,如 "Ajaxprj"。
3.从 Ajaxprj 节点的上下文菜单中选择 New,打开 JDeveloper New Gallery。
4.

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

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/javascript/)
图 3


(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/javascript/)5.创建一个文本文件 helloAjax.txt

来源:http://www.tulaoshi.com/n/20160129/1482255.html

延伸阅读
标签: Web开发
一. 什么是AJAX?   这个名字代表了异步JavaScript+XMLHTTPRequest,并且意味着你可以在基于浏览器的JavaScript和服务器之间建立套接字通讯。其实AJAX并不是一种新技术,而是已经成功地用于现代浏览器中的若干成功技术的可能性组合。所有的AJAX应用程序实现了一种“丰富的”UI——这是通过JavaScript操作HTML文档对象模型并且经...
标签: Web开发
一、 引言 在AJAX是否能够取代桌面应用程序的问题上,存在很多争论。如今,这两种阵营正在逐步形成。在本文中,我的看法是:AJAX不可能取代桌面应用程序;但是它将导致一种新型软件应用程序的出现。大多数AJAX程序应该会是生产工具、协作和商业应用程序。许多桌面应用程序将不再会出现;当然,大多数应用程序也不可能很快就会离开强有...
标签: Web开发
在过去,由于为了获得新数据而不得不重新加载web页面(或者加载其他页面)导致web应用程序发展被限制。虽然有其他方法可用(不加载其他页面),但是这些技术都没有被很好地支持而且有bug成灾的趋向。在过去的几个月里,一个过去并不被广泛支持的技术已经被越来越多的web冲浪者(web surfers??是指浏览器还是浏览者?)所接受,它给了开发...
作为Web应用程序模型的AJAX的出现使服务器端的面貌发生了巨大的变化。用户对着Web页面填写表单并单击提交按钮转到下一个链接的典型Web使用模式现在正在转变为更先进的客户端JavaScript以及功能更丰富的用户界面,只要对表单进行操作,比如单击一个复选框、按下一个键或将鼠标移到一个选项卡上,该用户界面就会不断地与服务器交互。 考...
摘要:介绍了ADF的特点和结构,描述了使用ADF开发J2EE应用程序的过程。 关键词:ADF ORACLE J2EE MVC ADF简介 ADF(Application Development Framework)是Oracle公司为简化J2EE程序开发的复杂性专门开发的一种解决方案,ADF通过减少实现设计模式和应用程序框架的代码量,简化了J2EE的研发难度。其优点主要体现在以下四个方面: ...