JavaEE核心技术(第5章表示层-Ajax)讲述.ppt

表示层相关技术——Ajax介绍 1 Ajax概述 2 JavaScript基础 3 Ajax基础应用 1 Ajax概述 Ajax（Asynchronous javascript and xml） 例如：Google Suggest 核心理念:使用XMLHttpRequest对象发送异步请求 1 Ajax概述 1 Ajax概述 特点： Ajax应用程序必须是有客户端和服务器一同合作的应用程序。 JavaScript是撰写Ajax应用程序的客户端语言，XML则是请求或回应时建议使用的交换信息的格式 2. 常量 整型常量 实型常量 布尔常量 字符型常量 空值null 转义符 2.1 JavaScript语法基础 用命令var声明变量，不指定变量类型，如： var a; 此时该变量在赋值时才清楚它是哪种数据类型，如： var a; a=5; 也可以在定义变量时直接赋值，如： var a= 25; 变量也可以不做声明，使用时根据数据类型来确定其变量的类型，如： i=5; j=abc; 2.1 JavaScript语法基础 6. 函数 JavaScript中函数定义的基本格式如下： function 函数名(形式参数){ 函数体； return 表达式; } 2.2 JavaScript浏览器对象 （1）Window对象属性 Name parent Opener Top Self Defaultstatus status 2.2 JavaScript浏览器对象 confirm()：显示一个确认对话框，包含一条指定信息，还包含确定按钮和取消按钮。 语法格式：confirm(参数) 举例 2.2 JavaScript浏览器对象 prompt()：显示一个提示对话框，提示用户输入数据。 语法格式：prompt(参数1, 参数2) 举例 2.2 JavaScript浏览器对象 close()：关闭一个打开的窗口 例如，在Mywin窗口中打开example.htm页面，该窗口没有状态栏、工具栏、菜单栏和地址栏。 Mywin=Window.open(example.htm, mywin, Status=no, toolbar=no, menubar=no, location=no); 关闭这个打开的窗口，语句如下： Mywin.close() 举例 2.2 JavaScript浏览器对象 setTimeout()：设置一个计时器，在经过指定的时间间隔后调用一个过程。语法格式如下： 变量名=Window.setTimeout（过程名, 时间间隔, 脚本语言） 举例 2.2 JavaScript浏览器对象 clearTimeout()：给指定的计时器复位。 语法格式如下：Window.clearTimeout 对象 其中，“对象”是用SetTimeout方法返回的计数器对象。例如：Window.clearTimeout TID 这行代码可以清除名字为“TID”的计数器对象。 2.2 JavaScript浏览器对象 focus()：使一个Window对象得到当前焦点。例如，要使NewWindow对象得到焦点，使用如下语句：NewWindow.focus; blur()：使一个Window对象失去当前焦点。例如，要使NewWindow对象失去焦点，使用如下语句：NewWindow.blur 2.2 JavaScript浏览器对象 ③ 对象属性。 对象属性就是对象属性的值。例如，通过length属性可以返回当前文档中该对象的数目。每个对象被存储在数组中，可以通过索引值来访问该数组中的元素。 all anchors links forms images stylesheets applets embeds scripts 2.2 JavaScript浏览器对象 writeLn()：向文档中写入HTML代码。 语法格式：Document.writeLn 写入内容。 writeLn方法与Write方法类似，不同的是writeLn在内容末尾添加一个换行符。 close()：关闭文档，并显示所有使用write或writeLn方法写入的内容。 clear()：清除当前文档的内容，刷新屏幕。 对于Document对象的各个方法，浏览器默认的在当前文档中放入数据时的各种方法的顺序通常是： Document.Open; Document.Write content; Document.Close; 2.2 JavaScript浏览器对象 4．Navigator对象 Navigator对象包含浏览器的信息。 （1）Navigator对象的属性 appCodeName：返回浏览器的代码名称。 appName：返