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

标题: 陈玉-20221129-ajax-DAY01 [打印本页]

作者: polaris123 时间: 2022-11-30 00:27
标题: 陈玉-20221129-ajax-DAY01
一.今日学习内容
1.ajax入门
概述：ajax：Asynchronous Javascript and xml（异步javascript与xml）
Ajax并不是一种新技术，而是已有技术的集合，javascript是核心载体
优势：Ajax优势：在不刷新页面的情况下，更新页面数据，提升用户体验
2.发送ajax请求
2.1.核心方法
open（a,b,c）:准备Ajax请求
a:请求方式  get/post
b:请求的后端程序地址
c：异步（true）/同步（false），默认值为true
send（var）：发送ajax请求
var：get----不写或者null
   post---发送后端的数据
2.2.接收后端响应的结果
核心属性---readyState
Ajax整个过程有五个状态0-4
0---末初始化，还没有调用send（）

1---载入，已调用send（），正在发送请求

2---载入完成，send（）执行完成，已经接收到全部响应内容

3---交互，正在解析响应内容

4---完成，响应内容解析完成，可以在客户端调用了
核心事件---onreadystatechange
onreadystatechange事件，readyState的值每次发生改变都会触发该事件（一共会触发4次）
其他重要属性
responseText以字符串形式接收后端程序的返回值

responseXML以XML格式接收后端程序的返回值
3.获取随机数
function getRandomnum(min, max) {
         return Math.floor(Math.random() * (max - min) + 1) + min;
      4.正则表达式
作用：
1.检查字符串是否合法（是否符合格式要求）

   2.提取字符串中的信息

3.替换字符串
字面量reg2 = /.box/i：
以^开始，$结束，用//包裹
实例化reg1 = new RegExp('a', 'i');第一个参数，字符串，模式修饰符：
i：不区分大小写
方法reg.test();---返回值是布尔值
二、今日问题
今日未遇到问题

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