AJAX
关注
分享
扫一扫
文章平均质量分 69
介绍AJAX的基本使用
执手天涯@
生命之旅，不能用双眸在别人的故事里捕捉生活的点滴。要以自己的双手，创造属于自己的梦。
展开
-
11、HTTP
1、 HTTP协议简介1、什么是通信【解释】： 通信就是信息的传递和交换。【通信的三要素】：主体内容方式【互联网中的通信】：主体——服务器和客户浏览器内容——要传递的数据方式——响应2、通信协议【解释】： 通信双方完成通信所必须遵守的规则和约定。简单来说就是通信双方采用约定好的格式来发送和接收消息，这种事先约定好的通信格式，就叫做通信协议。【互联网中的通信协议】：客户端与服务器之间要实现网页内容的传输，则通信的双方必须遵守网页内容的传输协议。网页内容又叫做超文本，因此原创 2022-02-08 13:24:15 · 1394 阅读 · 0 评论 -
10、防抖和节流
1. 什么是防抖【解释】： 防抖策略（debounce）是当事件被触发后，延迟 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。【图解】：【作用】：当用户频繁触发该事件的时候，确保只进行最后一次的请求操作，节约请求的资源【实现输入框的防抖】：var timer = null // 1. 防抖动的 timer function debounceSearch(keywords) { // 2. 定义防抖的函数 timer = s原创 2022-02-08 12:31:22 · 1417 阅读 · 1 评论 -
09、JSONP
1、什么是JSONP【解释】： 是JSON的使用模式，通过JSONP可以解决主流浏览器的跨域请求问题。2、JSONP的实现原理【解释】： JSONP 的实现原理，就是通过 <script>标签的 src 属性，请求跨域的数据接口，并通过函数调用的形式，接收跨域接口响应回来的数据。3、Ajax数据请求数据时候的问题 <script> $.ajax({ method: 'GET', url: 'http://ajax.frontend.ithe原创 2022-02-07 17:51:22 · 355 阅读 · 0 评论 -
08、axios的基本使用
1、什么是axios【解释】 Axios 是专注于网络数据请求的库。2、axios发起GET请求【语法】：axios.get('url', { params: { /*参数*/ } }).then(callback)【示例】：// 请求的 URL 地址 var url = 'http://www.liulongbin.top:3006/api/get' // 请求的参数对象 var paramsObj = { name: 'zs', age: 20 } // 调用 axios.get(原创 2022-02-07 17:12:47 · 355 阅读 · 0 评论 -
07、XMLHttpRequest Level2
1、 旧版XMLHttpRequest的缺点只支持文本数据的传输，无法用来读取和上传文件传送和接收数据时，没有进度信息，只能提示有没有完成2、XMLHttpRequest Level2的新功能可以设置 HTTP 请求的时限可以使用 FormData 对象管理表单数据可以上传文件可以获得数据传输的进度信息1、设置请求时限【语法】：xhr.timeout = 3000//上面的语句，将最长等待时间设为 3000 毫秒。过了这个时限，就自动停止HTTP请求。与之配套的还有一个 tim原创 2022-02-07 13:17:10 · 158 阅读 · 0 评论 -
06、Ajax之数据交换格式
1、什么是数据交换格式【解释】： 数据交换格式就是服务器端和客户端之间进行数据传输与数据交换的格式。【分类】：XML 前端使用较少JSON 前端广泛使用2、XML数据交换格式1、什么是XML【解释】： 可拓展的标记语言，与HTML相似。html<!DOCTYPE html><html> <head> <title>Document</title> </head> <body>&原创 2022-02-06 19:01:53 · 282 阅读 · 0 评论 -
05、XMLHttpRequest的基本使用
1、什么是XMLHttpRequest【解释】： XMLHttpRequest是浏览器提供的一个JavaScript对象，通过此对象可以请求服务器上的资源。【jQuery中的Ajax与xhr的关系】：2、使用xhr发起get请求【步骤】：创建xhr对象调用xhr.open()函数调用xhr.send()函数监听xhr.onreadystatechange事件【示例】：<script> // 1、创建xhr对象 var xhr = new XMLHttpReque原创 2022-02-06 16:48:13 · 601 阅读 · 0 评论 -
04、AJAX-form表单、模板引擎的使用
1、form表单的基本使用1.1 什么是表单【解释】： 主要负责数据采集功能。HTML中的<form>标签，就是用于采集用户输入的信息，并通过<form>标签的提交操作，把采集到的信息提交到服务器端进行处理。1.2 表单的组成部分表单标签表单域表单按钮【示例】：<form> <input type="text" name="email_or_mobile" /> <input type="password" name=原创 2022-02-06 11:09:41 · 367 阅读 · 0 评论 -
03-AJAX-聊天机器人
1、基本的html结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <l原创 2022-02-05 12:10:51 · 429 阅读 · 0 评论 -
02、AJAX-图书管理
1、接口文档2、代码结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-01-26 20:51:59 · 923 阅读 · 0 评论 -
01、服务器的基本概念与Ajax简介
1、客户端与服务器1、客户端【解释】： 上网过程中，负责存放和对外提供资源的电脑，叫做服务器。【图解】：2、服务器【解释】： 上网过程中，负责存放和对外提供资源的电脑，叫做服务器。【图解】：2、URL地址1、解释定义URL（全称是UniformResourceLocator）中文叫统一资源定位符，用于标识互联网上每个资源的唯一存放位置。2、组成部分客户端与服务器之间的通信协议存有该资源的服务器名称资源在服务器上具体的存放位置图例3、分析网页的打开过程1、图解2、原创 2022-01-25 18:18:14 · 161 阅读 · 0 评论