六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 46|回复: 0

ajax辅导

[复制链接]

升级  46.67%

34

主题

34

主题

34

主题

秀才

Rank: 2

积分
120
 楼主| 发表于 2013-1-23 02:58:37 | 显示全部楼层 |阅读模式
一、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类  
     

<strong />
<strong />
<strong />
                                                                                   注:整理的比较少,待续!!!
 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表