ajax笔记1

ajax使用xmlhttprequest实现与服务器异步交换数据
使用javascrpipt与dom技术实现信息的显示与交互
使用css定义数据的样式
使用xml作为转换数据的格式
google suggest使用ajax做出来的
比如onclick出发一个A事件,可以在script里直接定义一个a函数
函数里定义一个var变量connect
如果使用的是ie7或者chrome或火狐等浏览器,windows。
xmlhttpRequest参数是为true的,可以new一个xmlhttprequest()存入connect变量,其他的低版本浏览器可以new一个ActiveXObject(“Microsoft.xmlhttp”)
此时使用connect.open(“GET”,“资源地址uri”,true)可以请求一个资源,使用connnect.send()发送该资源
请求的资源可以是一个txt文本,最后会展示文本里的内容
可以把connect.onreadystatechange定义为一个函数,里面是有document。getElementByID(“某个数据块id”).innerHtml=connect.responseText来把获取的uri资源取代该页面某个数据块内容的功能所有现代浏览器都支持xmlhttprequest对象,ie5和ie6支持activeXobject对象
xmlHTTPrequest可以用于在后台与服务器交互数据,在
不加载整个页面的情况更新页面某个部分向服务器发送请求
open规定了即将发送的请求的细节,里第一个参数给定请求的方式,第二个参数是资源在服务器上的位置,第三个是使用异步还是同步的方法,异步true同步false
send可以把请求发送给服务器,里面的参数是string类型,只能用于post该请求,get更常用,但是在无法使用缓存文件或者需要向服务器发送大量的数据(post没有数据量的限制)或者里面可能包含用户输入的未知字符的时候用post
GET
有点时候为了防止获取的信息是缓存信息,为了确保信
息的实时性可以在uri地址之后使用?t="+Math.random()
为url添加一个唯一的id如果请求的过程里需要给服务器参数可以在uri后面加,比如定义一下a和b两个参数可以加?a=ooo&b=kkkk
Post
有的时候可能也会像HTML表单一样传入一些参数给uri资
源处理(一般是.php文件这种动态资源)需要在open之后使用setRequestHeader(“Content-type”,“application/x-www-form-urlencoded”)这种规定一下请求头里的某些参数之后再send里传入参数如"a=ooo&b=ppp"
ajax指的就是异步的JavaScript和xml所以xmlhttprequest用于ajax,async参数必须是true
异步时Javascript无需等待
服务器响应可以在响应期间限执行其他脚本,响应之后处理响应,需要定义一下connect.ONREADYSTATECHANGE事件函数,就是在服务器响应之后需要执行的函数,一般都是在connect.status200并且connect.readyState4时执行一些操作
如果是同步请求,async是false的话,不要写onreadystatechange函数,直接在send后面写操作方法即可

关于服务器的响应如果是xml形式使用responseXml,其他形式使用responseText

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值