【AJAX】Ajax学习总结

AJAX是什么：
是Asynchronous（异步）、JavaScript、And、Xml 的缩写
主要就是说：
通过JavaScript融合了Web开发标准表示技术，DOM动态显示和交互，XML和XSLT进行数据交换和处理，XMLHttpRequest异步数据检索
常见例子：
Google suggest
web操作系统
为什么出现AJAX：
传统方式：请求后返回新的html页面
Ajax方式：请求后返回处理结果

服务器返回的数据格式：
JSON数据格式：JavaScript Object Notation(缩写JSON）是一种轻量级的数据交换格式。纯文本格式，有JavaScript原生支持。
XML数据格式：也是一种数据交换格式。当数据返回到前端时，XML格式在JavaScript中解析快，操作方便，而且不需要使用DOM。但是服务器端语言的辅助包成熟度JSON要高于XML。

学习AJAX，需要掌握好

前端：JavaScript语言，学习XMLHttpRequest对象的封装与使用（回调方法和跨域问题）
后端：处理数据，返回正确格式的JSON/XML数据

实践
在学习Ajax的过程中，实践了一个股票的小例子，但由于对JavaWeb不熟悉，所以没有做出来。但大概懂了这个过程。

编写股票类：各种属性，构造方法，get,set方法
股票类的servlet程序：初始化的时候启动一个定时器，每隔两秒钟更新一下股票的价格，返回到客户端当前股票的最新信息。
数据JSON格式返回，对数据返回的处理
从后端取数据JavaScript的处理

问题：

对Java Web 不熟悉，Tomcat把servlet启动成功，但页面报了404，不知道是哪里配置出了问题。
关于启动servlet遇到的问题。
思维导图：

【AJAX】Ajax学习总结相关推荐

ajax入门学习（一）
(尊重劳动成果,转载请注明出处:http://blog.csdn.net/qq_25827845/article/details/54800237冷血之心的博客) ajax入门学习(一) ajax入门 ...
ajax入门学习（二）小案例Demo1
(尊重劳动成果,转载请注明出处:http://blog.csdn.net/qq_25827845/article/details/55823800冷血之心的博客) ajax入门学习(一) ajax入门 ...
关于ajax的学习笔记
关于ajax的学习笔记 ajax介绍 AJAX 的使用模板引擎传统方法 art-template方法原理(正则表达式) ajax技术的核心xhr 还在更新 ajax介绍 ajax 全名 asyn ...
ajax datatype_JavaScript学习笔记（二十七） ajax及ajax封装
AJAX ajax 全名 async javascript and XML 是前后台交互的能力也就是我们客户端给服务端发送消息的工具,以及接受响应的工具是一个默认异步执行机制的功能 AJAX ...
Ajax深度学习【详细整理黑马视频】
目录 1. 服务器的基本概念与初识Ajax 1.1 客户端与服务器 1.2 URL地址 1.3 分析网页的打开过程 1.4 服务器对外提供了哪些资源 1.5 了解Ajax 1.6 jQuery中的Aj ...
如何快速入门Ajax（学习笔记）—— 原生ajax、jQuery、axios
如何快速入门Ajax 1. 服务器的基本概念客户端与服务器 URL地址网页中如何请求数据资源的请求方式 2. 了解Ajax Ajax是什么 Ajax的应用场景 3. jQuery中的Ajax g ...
数据库实训第二天笔记，jQuery的补充和ajax的学习和案例
jQuery补充 jQuery 事件 dom: <ul><li class="li1">li li</li><li class=" ...
sweet+alert+ajax,Ajax相关
Ajax Ajax的特性可以实现异步提交与局部刷新. Ajax是一门js的技术基于原生js开发的,但是用原生的js写代码过于繁琐, 我们在学的时候只学如何用jQuery实现ajax. AJAX 最 ...
html同时执行多个ajax,Ajax方法详解以及多个Ajax并发执行
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).javascript 先来一段代码html $.ajax({ type: &q ...
jQuery ajax - ajax()
jQuery ajax - ajax() 方法 jQuery Ajax 参考手册实例通过 AJAX 加载一段文本: jQuery 代码: $(document).ready(function(){ ...

【AJAX】Ajax学习总结

【AJAX】Ajax学习总结相关推荐

最新文章

热门文章