课程安排第一讲什么是Ajax?Ajax定义传统Web应用与Ajax应用的比较传统Web应用与Ajax应用的比较（cont.）传统Web应用与Ajax应用的比较（cont.）传统Web应用与Ajax应用的比较（cont.）JavaScript基础JavaScript简介JavaScript语法——语句JavaScript语法——注释JavaScript语法——变量JavaScript语法——数据类型JavaScript语法——数组JavaScript语法——数组（cont.）JavaScript语法——操作、条件语句、循环语句JavaScript语法——函数JavaScript语法——对象DOM基础DOM简介DOM树结构DOM树结构（cont.）DOM树结构（cont.）节点（node）基本DOM方法重要DOM属性重要DOM属性（cont.）改变网页结构的DOM方法基于DOM的Web应用程序示例基于DOM的Web应用程序示例初始的HTML清单初始的HTML页面预览目标效果使用getElementById()函数获得元素节点修改图片，麻烦的办法1、创建新的img元素2、获得原始图片的父元素3、插入新图片4、删除旧图片5、表单元素连接JavaScript思考：替换图片更简单的办法然后…把兔子藏起来1、修改按钮的标签2、隐藏兔子3、更改事件处理函数第二讲使用Ajax发送异步请求示例创建静态页面原型创建XMLHttpRequest创建XMLHttpRequest（cont.）创建XMLHttpRequest（cont.）建立到服务器的请求建立到服务器的请求（cont.）使用XMLHttpRequest发送请求设置回调函数设置回调函数（cont.）处理服务器响应处理服务器响应（续）处理服务器响应（续）处理服务器响应（续）处理服务器响应（续）处理服务器响应（续）连接Web表单编写服务器端组件小结第三讲发送XML格式的请求从客户机发送的XML数据格式向服务器发送XML发送XML和普通文本的比较第四讲什么是JSON？JSON的基本形式JSON示例JSON示例（cont.）JSONvs.XML在JavaScript中使用JSON在JavaScript中使用JSON（cont.）客户端处理JSON响应ThankYou！Q&ATime