Ajax课程设计课本实验报告.pdfVIP

Ajax课程设计课本实验报告--第1页

《Ajax技术》实验报告

班级：

学号：

学生姓名：

实验地点：1S401

日期：2016-X-X

Ajax课程设计课本实验报告--第1页

Ajax课程设计课本实验报告--第2页

实验项目(三)：Ajax编程实验

1.实验内容

1．课本P113实例。【将运行结果截图】

2．课本P127实例。【将运行结果截图】（以做）

3．课本P140实例。【将运行结果截图】（以做）

4．课本P145实例。【将运行结果截图】

5.课本P149制作图片轮显效果实例。【将运行结果截图】（以做）

6.课本P150实例制作图片放大效果。【将运行结果截图】（以做）

7.课本习题P154第9题。【将运行结果截图】

8.课本习题P154第11题。【将运行结果截图】

2.实验目的

1．掌握JavaScript中流程控制语句的使用方法。

2．掌握JavaScript中对话框的使用方法。

3．掌握内置对象和浏览器对象使用方法。

4．了解AJAX的工作原理。

5．了解JQuery的基本使用方法。

3.实验要求

1．了解流程控制语句的种类。

2．了解对话框的类型。

3．了解内置对象的属性和方法。

4．了解浏览器对象的属性和方法。

5．了解常用方法和函数的应用。

6．能掌握用传统的方法异步获取数据；

7．能使用JQuery的load方法异步获取数据；

8．掌握自动校验的表单；

9．掌握JQuery制作自动提示的文本框。

4.程序清单

（1）p113图片遍历

body

script

$(function(){

这是第幅图

});

});

/script

img/img/img/

Ajax课程设计课本实验报告--第2页

Ajax课程设计课本实验报告--第3页

/body

（2）p127插入删除行操作

body

script

$(function(){

前面插入的行/tdtda

删除此行/a/td/tr);

});

末尾插入的行/tdtda