JavaScript 程序设计_提高篇.pptVIP

JavaScript 程序设计 JavaScript 概述 JavaScript是一种客户端语言，主要应用于Web浏览器。 其主要的功能是做客户端的数据有效性验证，以及与服务器、其他浏览器窗口进行交互。 同时，可以使页面动态化。 JavaScript 概述 JavaScript组成 核心 ECMAScript（语法和基本对象） 描述了：语法、类型、语句、关键字、保留字、运算符、对象 文档对象模型 DOM（处理页面内容的方法和接口） 即标准HTML语言，以节点为主要思想，用于规划页面结构， 如：html head titleSample Page/title /head /html 浏览器对象模型 BOM（与浏览器进行交互的方法和接口） 通常指对浏览器特定的JavaScript扩展，包括Ajax、弹出新的 窗口、移动和关闭浏览器窗口、对cookie的支持等等 课程安排 Ajax 简要介绍 Ajax含义 Ajax不是一种技术，而是一种方法，其结合了JavaScript、XML、CSS等技术，可以让开发人员构建基于Java技术的Web应用。简单说就是开发人员的一种创新的程序设计思路。 使用Ajax可以实现异步通讯。使用AJAX的异步模式，浏览器就不必等用户请求操作，也不必更新整个窗口就可以显示新获取的数据 Ajax可以传输两种信息，一种是字符串、一种是XML格式的文本数据 Ajax 简要介绍 Ajax实例 JS前台代码： function commit(url, param) { if(window.XMLHttpRequest) { req = new XMLHttpRequest(); }else if(window.ActiveXObject) { req = new ActiveXObject(Microsoft.XMLHTTP); } if(req) { req.open(post,url,true); req.onreadystatechange = completed; req.send(param); } }, Ajax 简要介绍 Ajax实例 JS前台代码： function completed () { if (req.readyState == 4) { if (req.status == 200) { var textString = unescape(req.responseText); function … } else { alert(系统异常！); return; } } } Ajax 简要介绍 Ajax实例 Java后台代码 public String getCookiePwd() throws Exception { getResponse().setContentType(text/xml;charset=UTF-8); getResponse().setHeader(Cache-Control, no- cache); String name = getRequest().getParameter(uName); PrintWriter out = getResponse().getWriter(); out.write(“success”); out.close(); return null; } Ajax 简要介绍 Ajax注意事项 由于ajax是异步调用的故其函数实现的功能是独立的，不能在一个函数中实现ajax和此外的一些功能。 如：function example() { commit(url,param); alert(); } 该例子中，即使commit方法没有运行完毕，一样会往下运行 alert方法，因此，我们只能将其放在ajax返回函数中进行调用 alert 使用实例请参考commonObject.js 课程安排 JavaScript 对象编程法 面向对象的编程模式 和java一样，JavaScript也是面向对象的编程语言，在编写公共js方法时，对于实现某一模块的代码、或对某一类标签的各种通用使用方法，我们都可以用对象的方式进行独立的管理，从而使代码得以简化，提高可读性和可维护性。 编程模式：工厂方式、构造函数方式、原型方式、混合的构造函数/原型方式、动态原型方式、混合工厂方式 JavaScript 对象编程法 工厂方式 function createChar(col,doors) { var obj = new Object();