Day21Ajax

Day21       AJax技术异步校验用户名是否存在AJAX概述

AJAX:异步的同步的

• 异步给用户的体验是没有中断的
• 同步给用户的体验是中断一段时间去响应服务器
  
  

传统的B/S结构的软件,所出现的代码需要在服务器端写代码(胖服务器).

现在的AJAX以后,可以将部分代码写到客户端浏览器(RIA:Rich Internet Application)

XML HttpRequest属性

• readyState    :  0~4   4个状态
• onreadyStateChange:
• status;
• responseText:
• responseXML:
  
  

方法

• open(请求方式,请求路径,是否异步)   :异步去向服务器发送请求
• send(请求参数)                                       : 发送请求
• setRequestHeader(头信息,头的值)     :处理POST的请求方式;设置请求头
  
  

AJAX的开发步骤

• 第一步,先创建异步对象
• 第二步,设置状态码(200)改变的监听
  • if
    
    
• 第三步,设置请求路径
• 第四步 发送请求
  
  

设置用户名是否重复的验证步骤

• 第一步: 创建表和数据库:
• 第二步;设置一个注册页面:
• 第三步:在用户名的文本框中设置一个online
  
  

JQuery中AJAX的使用JQuery中AJAX的几个用法

注意: function的意思就是函数的意思

• $.get(url,[data],[call])
• $.get("路径")
• $.get("路径",{name:"参数",})
  
  

用JQuery校验用户名是与否已占用在JQuery中如果返回中文的判断,那么直接使用load判断就行(即:用户名重复)

• $("#S1").load("全路径Servlet",{"username":username});
  
  

演示getpost方法:  
  //获取文本框的值
  var username= $(this).val();
  $.get("/全路径",
        {
      "username":"username",
      .....向服务器传几个值就写几个
          },
        function(data){//data:代表的是服务器对当前这个请求的响应
           if(data==1){
             //执行的操作
               $("#元素").
           }else if(data==2){
             //执行的操作
                    $()
                    }
  });

limit

只想页面有颜色的改变

用伪类hover

  
  tr:hover{
      写要改变颜色的代码
  }

Day21Ajax

Day21       AJax技术异步校验用户名是否存在AJAX概述

AJAX:异步的同步的

• 异步给用户的体验是没有中断的
• 同步给用户的体验是中断一段时间去响应服务器
  
  

传统的B/S结构的软件,所出现的代码需要在服务器端写代码(胖服务器).

现在的AJAX以后,可以将部分代码写到客户端浏览器(RIA:Rich Internet Application)

XML HttpRequest属性

• readyState    :  0~4   4个状态
• onreadyStateChange:
• status;
• responseText:
• responseXML:
  
  

方法

• open(请求方式,请求路径,是否异步)   :异步去向服务器发送请求
• send(请求参数)                                       : 发送请求
• setRequestHeader(头信息,头的值)     :处理POST的请求方式;设置请求头
  
  

AJAX的开发步骤

• 第一步,先创建异步对象
• 第二步,设置状态码(200)改变的监听
  • if
    
    
• 第三步,设置请求路径
• 第四步 发送请求
  
  

设置用户名是否重复的验证步骤

• 第一步: 创建表和数据库:
• 第二步;设置一个注册页面:
• 第三步:在用户名的文本框中设置一个online
  
  

JQuery中AJAX的使用JQuery中AJAX的几个用法

注意: function的意思就是函数的意思

• $.get(url,[data],[call])
• $.get("路径")
• $.get("路径",{name:"参数",})
  
  

用JQuery校验用户名是与否已占用在JQuery中如果返回中文的判断,那么直接使用load判断就行(即:用户名重复)

• $("#S1").load("全路径Servlet",{"username":username});
  
  

演示getpost方法:  
  //获取文本框的值
  var username= $(this).val();
  $.get("/全路径",
        {
      "username":"username",
      .....向服务器传几个值就写几个
          },
        function(data){//data:代表的是服务器对当前这个请求的响应
           if(data==1){
             //执行的操作
               $("#元素").
           }else if(data==2){
             //执行的操作
                    $()
                    }
  });

limit

只想页面有颜色的改变

用伪类hover

  
  tr:hover{
      写要改变颜色的代码
  }