01-AJAX 技术入门,用IntelliJ部署Web项目.doc

传智播客ajax视频教程：王兴魁IntelliJ IDEA 8.1.2 for windows下载地址：/softdown/34282_2.htmKeyGen下载地址：/archives/625.htmlAjax：Asynchronous Javascript and XMLAjax实际上涵盖了5方面的内容：(1) 使用XHTML和CSS的基于标准的表示技术(2) 使用DOM进行动态显示和交互(3) 使用XML和XSLT进行数据交换和处理(4) 使用XMLHttpRequest进行异步数据检索(5) 使用Javascript将以上技术融合在一起传统的处理方式：在页面提交后客户端会有一段时间的空白，等待服务器返回新的信息。Ajax处理方式：用XMLHTTPRequest控件自动提交，页面没有刷新，用户的体验不会中断。Ajax虽然名字中含有XML，但是Ajax很多时候并不是用XML进行数据交换的，而是使用JSON。JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写，同时也易于机器解析和生成。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C+, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。Ajax 能做什么？(1) 改善表单验证方式，不再需要打开新页面，也不再需要将整个页面数据提交。(2) 不需刷新页面就可以改变页面内容，减少用户等待时间。(3) 按需获取数据，每次只从服务器端获取需要的数据。(4) 读取外部数据，进行数据处理整合。(5) 异步与服务器进行交互，在交互过程中用户无需等待，仍可继续操作。IntelliJ IDEA界面：IntelliJ的Project相当于Eclipse中的WorkSpace，而IntelliJ的Module相当于Eclipse中的Project。新建WorkSpace（在IntelliJ中为Project），在下面的页面中选择JSDK，路径指向JDK的安装目录，点击OK后界面如下：WorkSpace名称为AjaxTrain，主界面如下图：点击“Settings”打开设置窗口，选择“Font”后打开设置窗口，“Scheme name”为“Default”的是不能修改的，点击“Save As”新建一个，名称为w。设置字体为“Courier New”（将“Show only monospaced fonts”前的勾去掉可以显示全部字体，Eclipse中使用的字体就是“Courier New”，字体大小改为14）。配置部署使用Tomcat：在出现的界面中选择配置Tomcat就可以了。apache-tomcat-6.0.29下载地址：/download-60.cgi#6.0.29下载完Tomcat后运行bin目录里面的startup.bat，提示缺少CATALINA_HOME、JAVA_HOME、 JRE_HOME，在startup.bat中rem后面增加下面几行：set CATALINA_HOME=E:SoftWareDBapache-tomcat-6.0.29set JAVA_HOME=C:Program FilesJavajdk1.6.0_20set JRE_HOME=C:Program FilesJavajre6实际环境中的地址与上面的可能不同。IntelliJ中的配置如下图：勾选红框中的“Deploy web fact Web”