最近一段时间在学js,如题所说的Ajax、dom与jQuery。其实也只是略为了解了,并没有怎么练习。先说说dom编程。
DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示,不过页面当然可能并不是以这种树的方式具体实现。通过 JavaScript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。实际上整个js都是基于对象的,当我们要改变网页的某部分结构时,通过基本对象找到入口,然后对对象进行更改。被认为是动态的网页技术。
浏览器对象树:
HTML dom结构如下:
这些对象构成了节点树,每个节点都对应着属性和方法。像:nodeName,nodeType,firstCh'ild ,attibutes,replaceChild······等属性方法。节点的更改就是通过更改这些属性方法达到动态效果。
Ajax就是通过这样的树形操作达到异步传输的局部刷新效果。简单滴说Ajax就是不通过整个页面刷新与服务器通信的方法。Ajax的核心是XMLHTMLRequest 对象,XMLHTMLRequest可以使网页使用js向服务器提出请求并处理响应而不阻塞用户。
获取XMLHTMLRequest方法:
function createXmlHttpRequest(){
varxmlHttp;
try{ //Firefox,Opera 8.0+, Safari
xmlHttp=newXMLHttpRequest();
}catch (e){
try{ //InternetExplorer
xmlHttp=newActiveXObject("Msxml2.XMLHTTP");
}catch (e){
try{
xmlHttp=newActiveXObject("Microsoft.XMLHTTP");
}catch (e){}
}
}
returnxmlHttp;
}
XMLHTMLRequest对象属性和方法: 方法 | 描述 |
abort() | 停止当前请求 |
getAllResponseHeaders() | 把http请求的所有响应首部作为键/值对返回 |
getResponseHeader("headerLabel") | 返回指定首部的串值 |
open(“method”,”url”) | 建立对服务器的调用,method参数可以是GET,POST。url参数可以是相对URL或绝对URL。这个方法还包括3个可选参数。 |
send(content) | 向服务器发送请求 |
setRequestHeader("label", "value") | 把指定首部设置为所提供的值。在设置任何首部之前必须先调用open() |
得到XMLHTMLRequest对象后通过其属性和方法即可完成异步操作,再结合dom编程,就能完成动态更新。
jQuery是封装了js对象和方法的开发库。只是一个简化了的js表示方法。jQuery涉及的方法属性很多,参看其帮助文档便可了解使用,并没有很特别的地方。其底层只是封装了前面所说的内容,方便开发人员调用。我就不进行介绍了。
另外还有一种还有一种数据格式: json:
规则如下:
1)映射用冒号(“:”)表示。名称:值
2)并列的数据之间用逗号(“,”)分隔。名称1:值1,名称2:值2
3)映射的集合(对象)用大括号(“{}”)表示。{名称1:值1,名称2:值2}
4)并列数据的集合(数组)用方括号(“[]”)表示。
[
{名称1:值,名称2:值2},
{名称1:值,名称2:值2}
]
5 元素值可具有的类型:string, number, object, array, true,false, null
以上内容部分来自互联网,如有相同,请见谅,毕竟只是学习。