![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
菜鸟小黄
大神带我飞
展开
-
用jQuery封装ajax的笔记总结
$.ajax()$.ajax()方法概述:$.ajax({ type: 'get', url: 'http://www.example.com', data: { name: 'zhangsan', age: '20' }, contentType: 'application/x-www-form-urlencoded', //允许在请求...原创 2020-05-01 21:47:44 · 183 阅读 · 0 评论 -
Ajax请求基本封装
Ajax 封装问题:发送一次请求代码过多,发送多次请求代码冗余且重复。解决方案:将请求代码封装到函数中,发请求时调用函数即可。考虑三方面:1.请求方式 2.请求地址 3.请求结果的处理ajax({ type: 'get',//请求类型 url: 'http://www.example.com', success: function (data) { //...原创 2020-05-01 15:58:07 · 668 阅读 · 0 评论 -
个人同步异步理解
同步异步概述:同步:一个人同一时间只能做一件事情,只有一件事情做完,才能做另外一件事情。落实到代码中,就是上一行代码执行完成后,才能执行下一行代码,即代码逐行执行。异步:一个人一件事情做了一半,转而去做其他事情,当其他事情做完以后,再回过头来继续做之前未完成的事情。落实到代码上,就是异步代码虽然需要花费时间去执行,但程序不会等待异步代码执行完成后再继续执行后续代码,而是直接执行后...原创 2020-04-28 15:02:32 · 168 阅读 · 0 评论 -
Ajax的错误处理+低版本 IE 浏览器的缓存问题
Ajax 错误处理:网络畅通,服务器端能接收到请求,服务器端返回的结果不是预期结果。可以判断服务器端返回的状态码,分别进行处理。xhr.status 获取http状态码网络畅通,服务器端没有接收到请求,返回404状态码。检查请求地址是否错误。网络畅通,服务器端能接收到请求,服务器端返回500状态码。服务器端错误,找后端程序员进行沟通。网络中断,请求无法发送到服务器端。会触发xhr...原创 2020-04-28 14:13:06 · 190 阅读 · 0 评论 -
Ajax获取服务器端响应数据的两种方式
方式一:onload xhr.onload = function (){ console.log(xhr.responseText); }方式二:Ajax状态码:在创建ajax对象,配置ajax对象,发送请求,以及接收完服务器端响应数据,这个过程中的每一个步骤都会对应一个数值,这个数值就是ajax状态码。5个状态码0:请求未初始化(还没有调用ope...原创 2020-04-28 10:50:57 · 2546 阅读 · 0 评论 -
原生ajax发送get/post请求(服务器为node+express环境)
原生ajax发送get请求参数:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <p> <input type...原创 2020-04-27 21:10:44 · 318 阅读 · 0 评论 -
nodejs之get/post请求的几种方式小结
添加链接描述转载 2020-04-27 17:23:45 · 219 阅读 · 0 评论 -
ajax显示列表案例一:
ajax显示列表案例 (利用mock接口测试)代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2020-04-24 17:41:24 · 1231 阅读 · 0 评论 -
2.用layui搭建简单后台页面
HTML部分(一些具体的看官方文档):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/layui.css"&g...原创 2020-04-19 22:06:41 · 1148 阅读 · 0 评论 -
一.常规的页面搭建布局part1
header+main+footer<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> header{ heigh...原创 2020-04-19 15:16:15 · 174 阅读 · 0 评论 -
8.用js写轮播图
index部分:外部css引入页面布局 <!-- 引入css 初始化的css 文件 --> <link rel="stylesheet" href="css/base.css"> <!-- 引入公共样式的css 文件 --> <link rel="stylesheet" href="css/common.css">...原创 2020-04-17 21:02:45 · 337 阅读 · 0 评论 -
7.元素偏移量笔记
**1.1. **元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离 父元素的位置(带有定位父元素) 如果没有定位 则以 body 为准获得元素自身的大小(宽度高度)注意:返回的数值都不带单位<style> ...原创 2020-04-17 15:46:08 · 299 阅读 · 0 评论 -
6.定时器+BOM+同步异步API
1.2.5. 定时器(两种)window 对象给我们提供了 2 个非常好用的方法-定时器。setTimeout()setInterval()setTimeout() 炸弹定时器开启定时器普通函数是按照代码顺序直接调用。简单理解: 回调,就是回头调用的意思。上一件事干完,再回头再调用这个函数。例如:定时器中的调用函数,事件处理函数,也是回调函数。以前我们讲的...原创 2020-04-17 14:45:31 · 157 阅读 · 0 评论 -
5.常用的键盘事件笔记
1.1. 常用的键盘事件1.1.1 键盘事件 <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', function() { console.log('我弹起了'); }) ...原创 2020-04-17 13:55:05 · 311 阅读 · 0 评论 -
4.dom高级事件笔记总结
标题注册事件:两种方式传统注册:1.<button onclick= "alert('hi')"></button> 2.btn.onclick = function(){}监听注册的方式IE9以上:注册对象.addEventListener(type,Listener [, useCapture])eventTarget.addEventListener()...原创 2020-04-16 22:05:01 · 123 阅读 · 0 评论 -
3.节点概述和案例笔记
1.6. 节点操作1.6.1. 节点概述 定义:网页中的所有内容都是节点(标签、属性、文本、注释等),在DOM 中,节点使用 node 来表示。 注意:HTML DOM 树中的所有节点均可通过 JavaScript 进行访问,所有 HTML 元素(节点)均可被修改,也可以创建或删除。 一般地,节点至少拥有nodeType(节点类型)、nodeName(节点名称)和nodeValue...原创 2020-04-16 15:43:53 · 323 阅读 · 0 评论