ajax笔记


ajax  
    asynchronous Javascript and  xml 异步javascript与xml
    异步交互模式  处理-等待-处理-等待
    原理
    在用户和服务器之间加入一个中间层,改变了同步交互的过程,并不是所有的用户请求都提交给服务器
    比如说一些表单数据验证和表单数据化处理等都交给Ajax引擎,当需要服务器读取新数据时会由Ajax引擎向服务器提交请求,
      从而使用户操作与服务器响应异步化
    借助Javascript来实现浏览器和服务器之间的异步交互,在服务器发送接收请求不需要加载整个页面      
    组成部分
    javascript 脚本语言 运行Ajax应用程序的核心代码
    css(即层叠样式表单) Ajax应用程序可以单独修改CSS样式来更改用户界面的样式
    dom文档对象模型,网站内容与javascript互通的接口
   核心  xmlhttprequest(支持异步请求)  将用客户端信息以异步通信的方式发送到服务器,并接收服务器返回的响应信息和数据
     在Ajax应用程序中,通过Xmlhttprequest对象向服务器发异步请求,
     从服务器获得数据,使用javascript操作DOM元素来刷新页面及重组数据,
     依靠css为应用程序提供一致的界面
 
    
     异步请求 不太严谨来说 一个简单的多线程,能够使用户同时进行多项操作不间断
     异步访问是通过xmlhttprequest对象
     步骤   1,声明一个全局变量xmlhttp
            2.创建一个异步对象的函数createxmlhttprequest()
              通过此函数对浏览器进行判断 如果是ie用activexobject
              其他则用xmlhttprequest()函数
            3,利用open方法建立请求 open(method,url,是否支持异步bool值,账号,密码)
            4,编写onreadystatchange事件函数和 判断readystate 和status
            5,send(body)方法如果不发送数据  send(null)
            如果使用post方法进行提交 在发送前设置http头
            xmlhttp.setrequestheader("content-type","application/x-www-form-urlencoded")
 
     异步对象属性和方法
         abort()取消请求
         getallresponseheaders获取响应的所以http头
         getresponseheader获取指定的http头
         open(method,url)创建请求
         send() 发送请求 setrequestheader 指定请求的http头
         onreadystatechange  发生任何状态变化的事件控制对象
         readystate 请求状态 (0未初始,1正在发送 2请求成功,3请求成功接收数据,4数据接收成功)
         responsetext 服务器返回的文本 响应值
         responsexml 服务器返回的xml  status 服务器返回的http  (200请求成功,500服务器错误,202请求接收,未处理)
 
     请求中文乱码 文字编码 encodeurl和decodeurl
     多个异步对象
xml  可扩展标记语言 用来创建自定义标记的语言
     主要用于数据的存储  
 

Ajax框架
  ajaxlib框架=》直接获取xml的框架
  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值