论坛首页 入门技术论坛

ajax辅导

浏览 1321 次
锁定老帖子 主题:ajax辅导
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-12-09   最后修改:2008-12-09

一、AJAX的背景与优点缺点
  1.B/S程序的特点:数据刷新由请求与响应:时间过程
      0安装
      0维护
      0部署
     
      0基础能使用
     
  2.及时交互:
      聊天
      登录的及时提示校验     
  3.这种问题的解决:
      使用C/S结构的多线程和网络技术
      在B/S中采用applet应用程序   
  4.在JavaScript增加一个类,负责通信.对象天生就是多线程   
 
  5.数据请求冗余的问题
      减少数据请求量
      UI友好:
        不破坏页面
        同时进行多个请求
  6.AJAX与浏览器都是请求WEB应用程序
          

二、AJAX的技术
    基于浏览器,采用Javascript技术,实现异步通信
    :JavaScript的类:XMLHttpRequest
    :HTTP协议
    :DOM技术:HTML DOM,XML DOM
    :JavaScript的面向对象    
    

三、*使用AJAX
    1、了解XMLHttpRequest类
    2、使用:
      客户发送数据
      服务器接受数据
      服务器响应数据
      客户接受处理数据
    3、编程模式
      a.产生ajax对象
      b.打开与服务器的连接
        open(请求的方法,请求的url,是否异步,用户名,口令); 
      c.绑定事件(因为是异步的,所有数据处理完毕通过事件告诉用户) 
      d.请求并发送数据 
     
    4、对异步对象请求状态的判定
        0:没有open
        1:没有send
        2:send后
        3:数据发送
        4:服务器响应 
    5、接受服务器的数据
        1、文本
        2、XML格式的文本
        3、相应码
        4、响应头  
       
        HttpServletResponse 
    6、关于open方法
         open("get|post|head|option|trace|put|delete",url,true|false,username,password)  
         get请求,不需要发送复杂数据 querystring
         post请求并发送大数据到服务器 querystring body  
        使用get发送简单数据
        使用post发送复杂数据
       
        querysring:?key1=value1&key2=value2
       
        open("post",url);
        send(data);
        open("post",url,true,"louis","123abc");
        三种方式:
          1.querystring
          2.header
          3.body
        四种方式:
          1.text
          2.status
          3.header
          4.xml  
        
        
        
        

四、使用第三方的现成库实现快速开发
    prototype
   
    1.Request类
      构造器
      请求,并调用函数
    2.Updater类
  
     

                                                                                   注:整理的比较少,待续!!!

 

论坛首页 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics