菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 陈紫怡-20221129-Ajax-1 [打印本页]

---

作者: Dasmondlicht    时间: 2022-11-30 00:17
标题: 陈紫怡-20221129-Ajax-1
一、今日学习内容：

• Ajax
  
  • 概述
    
    • Ajax：Asynchronous   JavaScript  and   xml（异步JavaScript与xml）
      
    • Ajax并不是一种新技术，是已有技术的集合，javascript是核心载体
      
    • Ajax优势：在不刷新页面的情况下，更新页面数据，提升用户体验
      
  • 发送Ajax请求
    
    • Ajax的核心对象--XML  Http Request对象
      
      • 创建XML HttpRequest对象要分为低版本IE 与非IE两种方式
        
      • IE7以前
        var  xhr=new  ActiveXObject('MSXML2.XMLHTTP');
        
      • 主流浏览器
        var xhr= new  XMLHttpRequest（）；
        
    • 核心方法
      
      • XMLHttpRequest对象中有两个重要方法
        
        • open（a,b,c）:准备Ajax请求
          
          • a:请求方式      get/post
            
          • b:请求的后端程序地址
            
          • c:异步（true）/  同步（false），默认值为true
            
        • send（var）：发送Ajax请求
          
          • var：get----不写或者null
            
          •             post----发送到后端的数据
            
  • 接收后端响应的结果
    
    • 核心属性----readyState
      
      • Ajax整个过程有5个状态0-4
        
      • 0----未初始化，还没有调用send（）
        
      • 1----载入，已调用send（），正在发送请求
        
      • 2----载入完成，send（）执行完成，已经接收到全部响应内容
        
      • 3----交互，正在解析响应内容
        
      • 4----完成，响应内容解析完成，可以在客户端调用了
        
    • 核心事件----onreadystatechange
      
      • onreadystatechange事件，readyState的值每次发生改变都会触发该事件
        
    • 其他重要属性
      
      • responseText：以字符串形式接收后端程序的返回值
        
      • responseXML：以XML格式接收后端程序的返回值
        
• get缓存
  
  • 什么是缓存
    
    • cache----缓存
      
• 正则表达式
  
  • 验证用户密码：^[a-zA-Z]\w{5,17}$
    
  • 只能输入m~n位的数字：^\d{m,n}$
    
  • 校验身份证号码（18位）：^[1-9]\\d{5}[1-9]\\d{3}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}([0-9]|X)$
    
  • 校验E-Mail 地址：[\\w!#$%&'*+/=?^_`{|}~-]+(?:\\.[\\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\\w](?:[\\w-]*[\\w])?\\.)+[\\w](?:[\\w-]*[\\w])?
  • 作用：
    
    • 检查字符串是否合法（是否符合我们规定的格式要求）
      
    • 提取字符串中的信息
      
    • 替换字符串
      
  • 实例化
    
    • let  reg=new  RegExp(字符串，模式修饰符i)
      
    • i:不区分大小写
      
  • 字面量
    
    • let  reg=/.css$/;
      
  • 方法test（）----返回值：布尔值
    
    • reg.test( )
      

---

欢迎光临 菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)

Powered by Discuz! X3.4