Ajax学习基础知识点整理01

                                                                    Ajax(即异步的JavaScript和xml)

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

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

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

Ajax学习基础知识点整理01

    2>Ajax异步式交互

Ajax学习基础知识点整理01

好处:用户体验无中断,页面无刷新(即在同一个页面完成多个请求)

3.ajax的使用

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

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

   例:代码:

Ajax学习基础知识点整理01

效果:

Ajax学习基础知识点整理01

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