Ajax学习基础知识点整理01

                                                                    Ajax（即异步的JavaScript和xml）

1.AJAX涵盖了5方面的内容： 

• 使用XHTML和css的基于标准的表示技术
• 使用DOM进行动态显示和交互
• 使用xml和XSTL进行数据交换和处理（一般用json进行数据交换）
• 使用XMLHttpRequest进行异步检索（最为重要）（通过此浏览器内置对象进行和服务器端的异步数据交互）
• 使用JavaScript将以上技术融合在一起

2.     1>以往网站的同步式交互

    2>Ajax异步式交互

好处：用户体验无中断，页面无刷新（即在同一个页面完成多个请求）

3.ajax的使用

• ajax方式下不需要使用表单来进行数据提交，因此不用写表单标签
• ajax方式下不需要name属性，需要一个id的属性
• ajax一般会在界面上设置一个预留空间，其最初在界面上是不可见的，是为空的，用于填充和服务器端交互后返回来的响应信息。一般采用div或span标签。（添加id属性）

   注：在无任何css样式控制的情况下，div会独占一行，span不会。

   例：代码：

效果：

• 通过点击来触发js代码（通过onclick属性实现）（idea工具中灰色波浪线指的是提示可能出现的错误信息，例如方法没有定义等等）
• 页面中的非HTML编码如js代码最好都放到单独的文件夹中，用时引用即可。
• 在head中引入js文件（Ctrl+Shift+空格：显示提示信息）script标签必须有开始和结束标签，且最好把jQuery.js的包引入位置放在前面