重新认识Ajax
> 什么是Ajax
Asynchronous JavaScript + XML(异步JavaScript和XML)
https://developer.mozilla.org/zh-CN/docs/Web/Guide/AJAX
核心: XMLHttpRequest
https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest
> Ajax应用场景:
浏览器端与服务器端异步通信(也可同步)
> 原生Ajax的使用步骤?
https://developer.mozilla.org/en-US/docs/Web/Guide/AJAX/Getting_Started
1 new xhr对象
httpRequest = new XMLHttpRequest();
2 编写http响应处理函数 (onreadystatechange属性)
httpRequest.onreadystatechange = funX;
3 发送请求
httpRequest.open('GET', 'http://www.example.org/some.file', true); //第三个参数 true表示异步请求 false表示同步请求
httpRequest.send();
4 HTTP响应处理(步骤2中的处理函数)
function funX(){
if (httpRequest.readyState === XMLHttpRequest.DONE) {
if (httpRequest.status === 200) { // 状态码 200 OK 处理服务器响应
} else {
}
} else {
}
}
> JavaScript定时器 setInterval
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/setInterval
> 什么是轮询?浏览器端如何实现?
setInterval(function(){},1000);
> 什么是DOM? DOM与JavaScript的关系
https://developer.mozilla.org/zh-CN/docs/Web/API/
https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model/Introduction
Document Object Model (DOM)
> Javascript如何操作DOM?
document.xxx
> DOM事件:
https://developer.mozilla.org/zh-CN/docs/Web/Events
> DOM常用API
document.getElementById(id)
document.getElementsByTagName(name)
document.createElement(name) 创建节点
https://developer.mozilla.org/zh-CN/docs/Web/API/Document/createElement
parentNode.appendChild(node)
element.innerHTML
element.innerText
element.style.left
element.setAttribute()
element.getAttribute()
element.addEventListener()
window.content
window.onload
window.dump()
window.scrollTo()
Math.random() //生成随机小数(0 -1 之间)
书籍推荐:
https://item.jd.com/10603153.html JavaScript DOM编程艺术
- 重要文档
- 工作须知
- 项目下的公共方法
- 程序员给代码写注释时有哪些讲究!
- RestFul 讲解
- 其他知识
- docker容器
- MongoDB的使用
- Node.js的使用
- Session共享
- Wordpress的使用
- Websocket的简介
- Ajax
- 项目技术
- Https配置证书
- Nginx的反向代理
- MySQL读写分离配置(laravel篇)
- Nginx的负载均衡
- App接口返回格式
- laravel中JWT的应用
- laravel验证码的使用
- laravel公共方法文件
- laravel框架的RBAC
- Git相关
- Git篇1
- Git篇2
- Mysql相关
- Mysql的主从复制
- MySQL的备份
- MySQL的使用
- 请求第三方接口
- Redis相关
- redis的使用
- Redis的基本用法以及场景分析
- 开发小技巧
- Linux
- 禁用root及密码登录
- Lnmp环境的安装
- 安装composer
- 安装Redis
- 文件共享服务 samba
- 其他安装
- Lnmp常用命令
- 性能检测命令
- Nginx的配置详解
- PHP相关
- PHP基础知识
- php常见的系统函数
- PHP的设计模式
- Cookie 和 Session 的封装
- Mysql知识
- Mysql索引
- MySQL的数据类型
- PHP重要知识
- PHP框架篇
- Laravel框架
- laravel---Excel
- laravel文件上传
- Laravel-Mysql常用操作
- Laravel队列(queue)
- laravel-发送Email
- laravel--JWT
- TP框架篇
- tp5主从数据库设置读写分离
- 前端
- JS
- js代码实现点击按钮出现60秒倒计时
- 开发软件相关
- 代码编辑器
- vs code配置ftp连接远程服务器实现代码文自动上传
- 编程相关软件下载