Java Ajax基础.ppt

4 开源Ajax框架——DWR ④ 创建dwr.xml文件。 在项目的WEB-INF文件夹下创建dwr.xml部署描述文件，其代码如下： !DOCTYPE dwr PUBLIC -//GetAhead Limited//DTD Direct Web Remoting 1.0//EN http://www.getahead.ltd.uk/dwr/dwr10.dtd dwr allow create creator=new javascript=AjaxDate param name=class value=java.util.Date/ /create /allow /dwr 该配置文件中，creator属性是必须的，它指定使用哪种创造器。默认情况下，create元素的creator属性可有三种选择值：new，scripted，spring。最常用的是new值，它代表将使用Java类默认的无参数构造方法创建类的实例对象。scripted值表示使用脚本语言来创建Java类对象。spring值表示通过Spring框架Bean来创建Java类对象。 该配置还可以在create元素下加入include标记，指明要公开给JavaScript的方法。例如加入： include method=toString 4 开源Ajax框架——DWR ⑤ 使用JavaScript远程调用Java类方法。 %@ page language=java pageEncoding=UTF-8% html head titleDWR应用/title script language=javascript src=dwr/interface/AjaxDate.js/script script language=javascript src=dwr/engine.js/script script language=javascript src=dwr/util.js/script script language=javascript function doTest() { AjaxDate.toString(load); } !--获取当前时间 -- function load(data) { window.alert(现在时间是：+data); } /script /head body input type=button value=查询现在时间 onClick=doTest() /body /html 4 开源Ajax框架——DWR ⑥ 部署运行。 部署运行，单击【查询当前时间】按钮，看到如图7.6所示的界面。 图7.6 DWR测试界面 Java Ajax基础 1 Ajax概述 2 JavaScript基础 3 Ajax基础应用 4 开源Ajax框架——DWR 1 Ajax概述 Ajax包括： Html/XHtml：实现页面内容的表示。 CSS：格式化文本内容。 DOM：对页面内容进行动态更新。 XML：实现数据交换和格式转化。 XMLHttpRequest对象：实现与服务器异步通信。 JavaScript：实现以上所有技术的融合。 在Web应用程序中，通常通过表单进行数据提交，在同步情况下，使用者发送表单之后，就只能等待服务器回应。在这段时间内，使用者无法进一步操作，如图7.1所示。 图7.1中加阴影部分是发送表单之后使用者必须等待的时间，浏览器预设为使用同步方式送出请求并等待回应。 图7.1 同步技术 1 Ajax概述 当服务器处理请求并送出回应时，计算机接收到回应，再呼叫浏览器所设定的对应动作进行处理，如图7.2所示。 图7.2 非同步技术 2 JavaScript基础 2.1 JavaScript语法基础 1. 基本数据类型 JavaScript脚本语言同其他语言一样，有自身的基本数据类型、表达式、算术运算符及程序的基本框架结构。JavaScript有4种基本数据类型。 ① 数值型，包括整数和实数。 ② 字符串型，用 或 括起来的字符。 ③ 布尔型，使用true和false表示。 ④ 空值，null。 2. 常量 JavaScript中常量分为整型常量、实型常量、布尔常量、字符型常量、空值和转义符几种。 整型常量可以使用十六进制、八进制和十进制数表示。 实型常量由整数部分加小数部分表示，如3.14、0.618等。 布尔常量只有两种形式true或false，主要用来说明或代表一种状态或标志。 字符型常量是用单引号或双引号括起来的一