ajax考试复习总结

JavaScript语言的特点有哪些？
＊:
JavaScript是一种轻量级的、解释性的程序设计语言，而且具备一定面向 对象的能力。
JavaScript是弱类型、解释型和通用的脚本语言 弱类型：变量不需要声明为字符串、整数或者对象，同一个变量可以使用不 弱类型 同类型来赋值。 解释型： 解释型：不需要编译，源代码本身就可以直接执行。 通用： 通用：适用于大部分的算法和编程任务。
3、Dom中 常用的GUI事件处理函数属性有哪些？ ＊: 课本：P129—P139
1、在Ajax应用中，服务器有哪两个角色？
＊:
1）将应用交付到浏览器；
2）与客户端对话，处理查询并提供请求需要的数据；
2、流行的实现语言有哪些？
＊:
PHP、Java、ASP、ASP.NET等
3、与用户交互数据时，有哪几种类型数据？各有什么优 缺点？
同样可以使用JSONObject生成JSON字符串，修改servlet java 代码 private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException { String s3 = request.getParameter("car"); try { JSONObject jsonObj = new JSONObject(s3); System.out.println(jsonObj.getString("model")); System.out.println(jsonObj.getInt("year")); } catch (JSONException e) { e.printStackTrace(); } JSONObject resultJSON = new JSONObject(); try { resultJSON.append("name", "Violet") .append("occupation", "developer") .append("age", new Integer(22)); System.out.println(resultJSON.toString()); } catch (JSONException e) { e.printStackTrace(); } response.getWriter().print(resultJSON.toString()); } js 代码 function jsonResponse(originalRequest) { alert(originalRequest.responseText); var myobj = originalRequest.responseText.evalJSON(true); alert(myobj.name); alert(myobj.age); }
课程总结（ ） 课程总结（4）
参考PPT： Ajax实战课件//第三章：使Ajax秩序井然
1、MVC黄金定律
＊: MVC的黄金定律是：视图和模型不应该相互通信。
2、为什么要保持逻辑和视图的分离？
＊: 保持逻辑和视图的分离使得视图和模型不直接交互，始终通过控
制器来进行。控制器可以看作是一个薄的边界层，允许模型和视图通 过它来通信，它使得在代码库中实现清晰的职责分离，提高了代码的 灵活性和可维护性
1、Json与XML相比各有什么优缺点？
＊:
1)非冗长性。 2)解析方便：JSON与JavaScript对数据的内部表示一致，这样就可以方便 的将JSON的数据转化为对象，不需要像XML那样通过复杂的DOM来 操作，避免了浏览器对DOM实现的差异。 3)结构简单，在很多语言中都支持JSON JSON没有像XML那样的命名空间机制，在不同上下文的相同信息段混合 在一起时，可能会给解析带来一定的麻烦。同时JSON的创建和验证过 程跟XML相比，会稍微麻烦一些;
7)删除子节点 Node对象提供了removeChild方法来删除一个直属子节点，该方法 接受一个参数，为需要参数的子节点的引用。基本语法如下所示: parentNode.removeChild(childNode); 8)读取节点属性 使用Node对象的getAttribute方法可以得到节点的某一属性的值， 该方法接受一个属性名作为参数，返回指定属性的值 9)添加和修改属性节点 当需要添加或者修改一个属性节点时，可以使用Node对象的 setAttribute方法。其基本语法格式如下所示: node.setAttribute(attName,attValue); 10)删除属性节点 当需要删除一个节点的某个属性时，可以使用removeAttribute方 法。removeAttribute方法接受一个参数，表明了需要删除的属性 的名称。其基本语法格式如下所示: node.removeAttribute(attName);
＊:
＊:
在传统的Web应用模型下，客户机 （浏览器或者本地机器上运行的代码）向 服务器发出请求。该请求是同步的，客户机等待服务器的响应。缺乏真正的交互 性
Ajax提高用户体验基于什么理念或如何做到的。 参考PPT： Ajax实战课件//第六章：用户体验 ＊: 1）可用代码的关键特征
2）通用的通知功能 3）可重用的通知框架 4）在原处突出显示更新过的数据
课程总结（ ） 课程总结（2）
Ajax的四个基本原则是什么？
＊: 1、浏览器中的是应用而不是内容
2、服务器交付的是数据而不是内容 3、用户交互变得流畅而连 4、有纪律严肃的编程
Ajax技术组成有哪四部分？分别起到什么作用？
＊: JavaScript+DOM+XMLHttpRequest+CSS 1)JavaScript就像胶水将各部分粘合在一起，定义工作的工作流和业务逻 辑。
课程总结（1） 课程总结（ ）
什么是Ajax?Ajax的优点是什么？(( Ajax与传统Web有何不同？通
信方式 交互内容………………))
Ajax是 “Asynchronous JavaScript and XML”的简写，即为“异步JavaScript 和XML”。 特点：JavaScript编写、程序异步执行、用XML来封装和传输数据
＊: 课本 P112—P125
(创建、添加、修改和删除节点等 ) 1)JavaScript操作DOM的第一件事情就是寻找到元素节点。 1) var x=document.getElementById(‘hello’) 2) createElement()可以用来创建任何HTML元素。 var childE1=document. createElement(“div”) createNodeText()创建代表一段文本的DOM节点，这样的节点通常嵌入在标题、 div、段落等 var txtNode=document. createNodeText(“some text”) 无论任何类型的节点一旦被创建，都必须将它附加到文档上，然后才能在浏 览器中看到它
2)通过使用JavaScript操作DOM来改变和刷新界面,不断地重绘和重新组织显示给 用户的数据,并且处理用户基于鼠标和键盘的交互. 3)Css为应用提供了一致的外观，并且为以编程方式操作DOM提供了强大的捷径。 4)XMLHttpRequest对象则用来与服务器进行异步通信，在用户工作时，提交用户 的请求并获取最新数据。
3)添加节点:Node对象提供了appendChild方法来将程序创建的节点，添 加到父节点的直属子节点列表的末尾。该方法也可作用于已经存在于 DOM树中的节点，执行方法后会改变节点在DOM树中的位置，而不 是插入一个新的节点。 4)插入子节点:Node对象提供了insertBefore方法来将新节点插入到指定 子节点的前面，其语法格式如下所示。 parentNode.insertBefore(newNode,childNode); 5)替换子节点： Node对象提供了replaceChild方法来使用一个新的节点替换一个子节 点，其语法格式如下所示。 parentNode.replaceChild(newNode,childNode); 6)复制节点 6) Node对象提供了cloneNode方法来得到Node对象的一个副本。 cloneNode方法接受一个布尔值参数，来标识返回的节点副本中是否 包含原节点的子节点。当参数为true时，则包含子节点；当参数为 false时，则不包含子节点。
使用JSON请求字符串就可以简单的生成JSONObject并进行解析,修 改servlet添加JSON的处理(要使用json.jar) java 代码 private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException { String s3 = request.getParameter("car"); try { JSONObject jsonObj = new JSONObject(s3); System.out.println(jsonObj.getString("model")); System.out.println(jsonObj.getInt("year")); } catch (JSONException e) { e.printStackTrace(); } response.getWriter().print("{ \"name\": \"Violet\", \"occupation\": \"character\" }"); }
2、在JavaScript如何读取和生成JSON ＊: P369: 在JavaScript中读取JSON的关键是eval（）函数，它接受一个
字符串作为参数，并将该字符串作为JavaScript语句，并调用JavaScript解析器 来运行该语句，然后将运行的结果当做返回值返回。
P371: JSON提供了json.js包，将其引入然后就可以简单的使用object.toJSONString() 转换成JSON数据.
＊:
用户交互分成四种类型：
仅限于客户端的(client-only)----用户交互由已加载到浏览器中的脚本来处理的交互。不
需要任何Web服务器的资源，这对于提高应用的响应速度和降低服务器的负载有好 处
剩下的三种类型都涉及到与后台通信，区别主要在于返回的数据不同 以内容为中心的(content-centric)----传统的web设计，仅页面交互，不能实现局部刷新，流量大， 用户体验差 以脚本为中心的(script-centric)----减少了流量，减少了带宽的使用，客户端与服务器的耦合度要 求高 以数据为中心的(date-centric)----实现局部刷新，减少流量，减少带宽，提高了用户体验
3、在java中如何读取和生成JSON ＊: JSON还提供了java的jar包 http://www.json.org/java/index.html API也 很简单，下面举个例子 在javascript中填加请求参数 js 代码 function sendRequest() { var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow"); var pars = "car=" + carr.toJSONString(); var url = "/MyWebApp/JSONTest1"; var mailAjax = new Ajax.Request( url, { method: 'get', parameters: pars, onComplete: jsonResponse } ); }
CSS样式定义包括选择器和样式定义两部分？
＊:选择器 选择器表明要为哪一个元素设置样式。
样式声明表明要用那些样式属性。wenku.baidu.com样式声明
课程总结(3): JavaScript补充 课程总结 补充
window对象和document对象常用属性和方法。
＊: 课本 P72—P89 ||P89—P94
DOM节点操作的基本属性和方法。
XMLHttpRequest对象属性和方法？ 对象属性和方法？ 对象属性和方法 参考课本： 参考课本：P172—P183
Open Send setRequestHeader onReadystatechange readyState responseText responseXML Status statusText