2014年AJAX教程--董伟专.pptVIP

AJFJDSHFDHGKHFKLGHSKHGLKDHGJHLKSHDGJLSHLGDHSLHG 实现基本的Ajax技术 日期验证的关键： 如果服务器端返回文件的格式是XML：则需要先把响应的内容类型设置为text/xml： response.setContentType(text/xml); 把Cache-Control头部设置为no-cache可以阻止浏览器简单地从缓存中重载页面： response.setHeader(Cache-Control, no-cache); 明确服务器端返回的 XML 文件的内容： 在客户端解析服务器传过来的信息，并明确希望生成什么样的 HTML 代码： * AJFJDSHFDHGKHFKLGHSKHGLKDHGJHLKSHDGJLSHLGDHSLHG 实现基本的Ajax技术 练习：把 email 作为注册用户名。需验证其格式的正确和在数据库中的唯一性。 Java email验证的正则表达式： String?regex?=?\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*;? 正确信息：You have entered a valid email. 格式错误信息：You have entered an invalid email. Email 重复信息：?Your email has been saved. * * * 为了用javascript向服务器发送一个HTTP请求, 需要一个具备这种功能的类实例. 这样的类首先由Internet Explorer以ActiveX对象引入, 被称为XMLHTTP. 后来Mozilla, Safari 和其他浏览器纷纷仿效, 提供了XMLHttpRequest类,它支持微软的ActiveX对象所提供的方法和属性. 因此, 为了创建一个跨浏览器的这样的类实例(对象), 可以应用PPT代码实现 * 创建XMLHttpRequest对象相当容易。首先，要创建一个全局作用域变量xmlHttp来保存这个对象的引用。createXMLHttpRequest方法完成创建XMLHttpRequest实例的具体工作。这个方法中只有简单的分支逻辑（选择逻辑）来确定如何创建对象。对window.ActiveXObject的调用会返回一个对象，也可能返回null，if语句会把调用返回的结果看作是true或false（如果返回对象则为true，返回null则为false），以此指示浏览器是否支持ActiveX控件，相应地得知浏览器是不是Internet Explorer。如果确实是，则通过实例化ActiveXObject的一个新实例来创建XMLHttpRequest对象，并传入一个串指示要创建何种类型的ActiveX对象。在这个例子中，为构造函数提供的字符串是Microsoft.XMLHTTP，这说明你想创建XMLHttpRequest的一个实例。 * 我们把最后者称为对象描述(object literal)。它用冒号(而不是等号)来赋值。每一条赋值语句用逗号分开。整个对象用大括号封装起来。可用大括号分级嵌套数据。 对象描述中存储的数据可以是字符串，数字或者布尔值。对象描述也可存储函数，那就是对象的方法。但是，如果只写了一个对象描述仅仅用作存储数据，那它就是 JSON * 例：进行日期验证(包括格式和闰二月)，用输入日期后，通过 onchange 事件给出相应的提示信息 AJFJDSHFDHGKHFKLGHSKHGLKDHGJHLKSHDGJLSHLGDHSLHG Open 方法 open(method, url, asynch, username, password) XMLHttpRequest 对象的 open 方法允许程序员用一个Ajax调用向服务器发送请求。 method：请求类型，类似 “GET”或”POST”的字符串。若只想从服务器检索一个文件，而不需要发送任何数据，使用GET(可以在GET请求里通过附加在URL上的查询字符串来发送数据，不过数据大小限制为2000个字符)。若需要向服务器发送数据，用POST。 在某些情况下，有些浏览器会把多个XMLHttpRequest请求的结果缓存在同一个URL。如果对每个请求的响应不同，就会带来不好的结果。在此将时间戳追加到URL的最后，就能确保URL的唯一性，从而避免浏览器缓存结果。 url：路径字符串，指向你所请求的服务器上的那个文件。可以是绝对路径或相对路径。 asynch：表示请求是否要异步传输，默认值为true。指定true，在读取后面的脚本之前，不需要等待服务器的相