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的包引入位置放在前面