Ajax

Ajax:浏览器和服务器通信而不必刷新页面的技术。

 

实现的主要对象:xmlhttprequest.

实现步骤:

1创建XMLHttpResquest对象。

2 XMLHttpResquest对象一些属性的设置

3.调用XMLHttpResquest对象open方法: .open(method,url);。若是post 请求方法,需要在下个方法前设置一下XMLHttpResquest对象.setRequestHeader(“Content-type”,application/x-www-form-urlcoded);来告知服务器正在发送数据,且数据符合url编码。

4.XMLHttpResquest对象de send()方法。

5.XMLHttpResquest对象添加onreadystatechange响应函数。XMLHttpResquest对象.onreadystatechange = function(){   响应为200/304代表响应成功}

6.通过XMLHttpResquest对象.responseText、resopnseH4tml、responseXML、responseJSON来得到响应的数据。

注: 通过XMLHttpResquest对象。getreadystate 来获取当前请求的响应状态 0 1 2 3 4 几个状态码。

 

请求返回html格式数据:

  在

 

请求返回xml格式数据: 传输方便,解析麻烦。

 

请求返回Json格式数据:  json格式:一对大括号总括,键和值存数据,多条赋值语句通过逗号隔开,值可以是另一个{}括起来的json对象,也可以是一个方法。

XMLHttpResquest对象。getresponsetext()  获得返回json文件后,通过eval方法将 json中的数据转为javascript的代码。

 

 

通过jquery来实现:

jquery是javascript框架。在javascript的实现代码的编写。通过在< script  src="jquery框架文件位置"> 来给javascript引用框架。

jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。 $符查询引用节点,  #查询引用 值

posted @ 2017-08-07 22:37  halo-漾  阅读(147)  评论(0编辑  收藏  举报