AJAX:
使用XHTML和CSS的基于标准的表示技术
使用DOM进行动态显示和交互
使用XMLHttpResquest进行异步数据检索(核心)
使用XML和XSLT进行数据交换和处理
使用Javascript将以上技术融合在一起
主要应用于MVC层的V层
AJAX开发
Server步骤
1,取参数
2,检查参数是否有问题
3,校验操作
4,和传统应用不同之处,这一步需要将用户感兴趣的数据返回给页面段,而不是将一个新的页面发送给用户.
基于标准的一些好习惯,首先标签名要小定,其次标签必须关闭第三属性名必须是小写的,第四属性值勤必须位于双引号中
ajax方式下不需要使用表单进行数据揭交,因此不用写表单标签
ajax方式不需要name属性,需要一个id的属性
这个DIV用于存放服务器段返回的信息,开始为空
id属性定义是为了利用dom的方式找到某一个节点,进行操作
div和span的直观差异,div中的内容独占行,span中的内容和前后其他内容相处良好.
AJAX应用的五个步骤:
建立XMLHttpRequest对象
设置回调函数
使用open方法与服务器建立链接
向服务器发送数据
在回调函数针对不同响应状态进行处理
注意事项:
不同浏览器XMLHttpRequest创建方式不同
设置回调函数时不要加括号
open方法三个参数含义,此外还需要注意GET方式和POST方式服务器端地址的不同写法
GET方法和POST方式之前需要设置请头信息的工作。
如何判断正确的响应数据已经返回,此外还要注意如何获取响应数据内容。
创建:
IE6以下: new ActiveXObject("MICROSOFT.XMLHTTP")
非IE和IE7以上:new XMLHttpRequest();
AJAX:
onreadystatechange:当服务器的状态有改变时,响应
解决中文问题:
客户端:
调用两次:encodURI(encodeURI())
setRequestHeader("content-type","application/x-www-form-urlencoded");
服务端:URLDecoder.decode(String str,"UTF-8");
解决跨域问题:代理
链接外部的js文件:
<script type="text/javascript" src="路径"></script>
链接外部的 css文件:
<link type="text/css" rel="stylesheet" href="路径"></link>
jquary:
CSS+script+html
定义边框:border
定位:position
淡入淡出:fadeIn/fadeOut
清除click点击事件:用unbind("click");
json:
var p={};一个实例
var p=[{},{},{},{}];多个实例.其实就是一个数组!
var p={"p":[{},{},{}]};一个实例,多个属性.与键值对的形式出现相似.
var ps={"1":[{},{}],"2":[{},{}]...}一个实例,多个属性,对应多个值.
eval函数:重点.....
jar包:
json-lib-2.3-jdk15.jar 核心包.
......
API:
JSONConfig
JSONArray