第二周数组函数数学AJAX
2021-11-28 19:25:52 0 举报
AI智能生成
超详细学霸笔记!!!
作者其他创作
大纲/内容
数学
Math 对象用于执行数学任务。
语法:Math.方法();
常见的:Math.floor();下舍入
Math.ceil(); 上舍入
Math.pow(x,y) ;x的y次幂
Math.sqrt(x);平方根
Math.random(); 0 ~ 1 之间的随机数
AJAX
第一种方法
1 .创建一个核心对象 XMLHttpRequest
let xhr = new XMLHttpRequest();
let xhr = new XMLHttpRequest();
2. 先open,设置请求方法,get ; url地址:远端接口请求; async是否异步
xhr.open("GET","https://api.apiopen.top/getSingleJoke?sid=28654780",true);
xhr.open("GET","https://api.apiopen.top/getSingleJoke?sid=28654780",true);
3.再send xhr.send();
4 请求已完成,且响应已就绪,获取服务器响应的数据 xhr.onreadystatechange = function(){
if(xhr.readyState == 4 && xhr.status == 200){
let response = xhr.responseText;
let parseData = JSON.parse(response);
}
if(xhr.readyState == 4 && xhr.status == 200){
let response = xhr.responseText;
let parseData = JSON.parse(response);
}
5.拿到数据后再进行解析放到网页上去.获取的数据通常为对象和数组叠加,如果最外面为对象,则用parseData.name方式获取,如果为数组,则用for循环获取
第二种方法
用别人写好的JS文件<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
$.ajax({
//Ajax 请求的键值对集合
url: "https://api.apiopen.top/getTencentNews",
type: "GET",
async: true,
dataType: "json",
success: function(res){
//res 从服务器返回的数据
console.log(res);
let array = res.data; 后面同样方法进行解析接收
}
//Ajax 请求的键值对集合
url: "https://api.apiopen.top/getTencentNews",
type: "GET",
async: true,
dataType: "json",
success: function(res){
//res 从服务器返回的数据
console.log(res);
let array = res.data; 后面同样方法进行解析接收
}
数组
作用:用来存放多个有关联的值
创建方式
let arr01=[1,2,3];
let arr02=new Array(); 数组为空,length值为0
let arr03=new Array(size); 数组个数为size,每个元素为空
let arr04=new Array(element0, element1, ..., elementn); 数组长度和元素都列出来了,跟第一种表示方式类似,但是第一种更简介
数组比较常用的几个方法
concat() 连接两个或更多的数组,并返回结果是一个数组,需要接收. var arr03=arr01.concat(arr02);
join() 连接两个或更多的数组,并返回结果是一个数组要接收. var arr01 = ["Hello", "World"];
var arr02 = arr01.join("-");
var arr02 = arr01.join("-");
reverse() 颠倒数组中元素的顺序. arr01.reverse();
indexOf() 在数组中搜索指定项目,并返回其位置。如果未找到该项目,则 indexOf() 返回 -1。var arr01=[1,2,3]; var a = arr01.indexOf(2);
数组的遍历
var arr01=[1,2,3,4,5]; for( i=0 ; i< arr01.length ; i++){console.log( arr01[i] ) };
相关的还有最大值,最小值,求和,平均值,冒泡排序问题.
图片的轮播:将img的src属性存放在一个数组里面,通过按钮点击触发遍历事件
函数
完成某个特定功能,可以被多次调用,可以有参数或无参数
语法: function 函数名( ){ } 其中函数名通常为动词,比较直观表达功能
0 条评论
下一页