马士兵_AJAX_学习笔记.docVIP

尚学堂_马士兵_AJAX_学习笔记　2009-05-13 14:01 分类：编程_AJAX 字号： 大大? 中中? 小小 AJAX：Asynchronous Javascript And XML?? ?核心是JavaScript 不是XMLweb2.0 的应用：web2.0 的核心：XML + AJAX：博客 就是web2.0 的应用：RSS也叫聚合RSS是在线共享内容的一种简易方式（也叫聚合内容，Really Simple Syndication）Really Simple Syndication是一种描述和同步网站内容的格式RSS：?? ?web2.0 的应用?? ?我博客上的所有的文章，转换成一种XML 格式，就有一个好处?? ?1.?? ?文章名是什么，文章内容是什么，大家认同这种写法，?? ?搜索引擎就可以直接搜到你们家博客上 ?? ?2.?? ?我给你一个客户端，这个客户端可以读任何博客，任何的网站博客都会公布一个RSS?? ?RSS 的标签是固定的，任何的客户端都可以进行分析，分析好后给读者做展现?? ?说白了还是一个XML 的应用?? ?有人叫推模式（push）：服务器端直接推给客户端，不需请求，每个人要一个客户端。?? ?网络经济，就是客户端的经济，给你装插件，任意给你推东西?? ?发请求的是拉模式（pull）。我们要打好底子，迎接将来的各种潮流。正常情况下，到服务器取东西：要点连接，发请求，等待处理（刷新整个页面），拿到结果（显示）AJAX情况下，不刷新页面，发起请求AJAX：我不再刷新页面，就能从服务器取东西。看起来像本机的应用程序了?? ??? ?拿到处理，只刷新一部分页面，AJAX 实例：使用不刷新页面的验证方法：注册的时候提示用户名已经被使用AJAX 基本概念：＊ 构建网页的一种综合使用JavaScript 和 XML 的技术（XML 可有可无）＊ 不是什么划时代的技术（javascript 旧的，只是刷新了人的脑子）＊ HTML 网页的异步传输技术?? ?＊ 在等待网页的传输过程中，用户依然可以和系统进行交互?? ?＊ 页面不用刷新就可以更新内容?? ??? ?＊ 合理的运用可以让用户感觉更好更方便?? ??? ?＊ 但也不要滥用?? ?＊ Asynchronous Javascript and XML?? ?：可以不用XML?? ?同步：一直等小孩醒，什么事都不干（一直的等待）?? ?异步：你一边干别的事，小孩醒了调用一个方法给你一个通知（网络传输的过程中，可以干别的）?? ??? ?AJAX 就是异步的Javascript ，有没有 XML 无所谓?? ?客户端发出请求，继续干别的，服务器端处理好请求后，调用事先写好的JS 代码＊ 典型的流程?? ?1. 客户端触发异步操作?? ?2. 创建新的XMLHttpRequest 对象（关键）?? ?3. 与 Server 进行连接?? ?4. 服务器端进行连接处理?? ?5. 返回包含处理结果的XML 文档?? ?6. XMLHttpRequest 对象接收处理结果并分析?? ?7. 更新页面?? ?XMLHttpRequest（浏览器内置的一个对象，内置的一个组件）＊ 重要的JavaScript 对象，通过它提起对服务器端的（http）请求?? ?这个请求提起后不会刷新页面，只是在背后运行＊ 可以通过JavaScript 提起请求?? ?＊ 如果要提起多个请求，需要多个XHR 对象＊ 请求的结果被预先定义好的方法处理（处理好后，调用预先定义好的方法）?? ?平常我们要访问一个http server ，要在浏览器里敲http://www...这是直接敲，手动来敲。编程上，我们可以使用XMLHttpRequest 这个对象来自动的发起一个向服务器端某个页面的请求XMLHttpRequest 属性：(particl list)* readyState?? ?(this is a property of many JavaScript objects)?? ??? ??? ?XHR 对象自己有一下内部的状态，状态值是一些int 类型的数?? ?- 0 = UNINITIALIZED; open not yet called?? ??? ??? ??? ??? ?//还没有初始化?? ?- 1 = LOADING; send for request not yet called?? ??? ??? ??? ??? ?//请求还没有发到服务器端，打开了，跟服务器端建立连接了?? ?- 2