+ Ajax
关注
分享
扫一扫
文章平均质量分 82
Asynchronous Javascript And XML（异步JavaScript和XML），使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作
Try Tomato
The scenery at the foot of the mountain is not attractive enough you should go to the top of the mountain
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端需要理解的HTTP通信
目录一.HTTP通信协议二.HTTP请求消息（请求报文）三.HTTP响应消息（响应报文）四.HTTP的请求方式五.响应状态码：一.HTTP通信协议HTTP通信过程包括从客户端发往服务器端的请求以及从服务器端返回客户端的响应因此奠基了HTTP协议的俩种交互模型：请求/响应的交互模型通信是信息的传递和交换，我们需要了解通信是由主体、内容以及方式三方面组成通信协议（Communication Protocol）是指通信的双方完成通信必须要遵守的规则和约定在互原创 2022-03-26 12:13:06 · 2932 阅读 · 0 评论 -
同源与JSONP跨域请求—如何实现节流防抖
目录一.对同源的理解二.理解跨域三.实现跨域的数据请求1.了解JSONP和CORS2.JSONP原理四.jQuery发起JSONP数据请求：五.防抖六.节流本章主要阐述同源与跨域的概念，以及用jQuery来实现跨域，了解并使用节流和防抖一.对同源的理解同源就是相同的源，准确来说：如果俩个页面的端口、域名（主机名）以及协议都相同，那么就判定这俩个页面具有相同的源，也就是同源，同源有同源策略（Same Origin Policy）这样一个概念，是由浏览器提供的一个保.原创 2022-03-25 21:46:02 · 726 阅读 · 0 评论 -
XMLHttpRequest——Level2
我们先来了解一下相对于旧版本更新了那些特性或功能，再对功能特性进行学习：我们的老版本只支持文本数据的传送，无法用来读取和上传文件 ；传送和接受数据时，没有进度信息，只能提示有没有完成 ；受到同源限制的影响，只能向同一域名的服务器请求数据，针对同源限制，没有解决方案相比于老版本，我们的新版本可以设置HTTP请求的时限 ；可以使用FormData对象管理表单数据； 可以上传文件 ；可以请求不同域名下的数据（跨域请求） 可以获取服务器端的二进制数据 可以获得数据传输的进度信息本章不涉及跨域请求，跨原创 2022-03-25 12:22:31 · 1636 阅读 · 0 评论 -
数据交换格式——XML / JSON
首先我们需要知道数据交换格式是什么？所谓数据交换格式，就是服务器端与客户端之间进行了数据传输与交换格式我们前端领域经常提及的俩种数据交换格式分别是XML和JSON，其中XML用的比较少，但XML拥有跨平台、跨语言的优势，JSON比较常用，JSON是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成，同XML或HTML片段相比，JSON提供了更好的简单性和灵活性；在Javascript地盘内，JSON毕竟是主场作战，其优势当然要远远优越于xml，并且非常适合于服务器与JavaScri原创 2022-03-24 19:55:32 · 1758 阅读 · 0 评论 -
探究原生JS-XMLHttpRequest-小黄人的请求
一.了解小黄人使用jQuery来进行请求是比较简单的，既然jQuery是一个基于原生JS的JS库，那么jQuery中的Ajax也应该是一个封装出来的函数，是的，它的原型就是XMLHttpRequest（xhr）我们喜欢称呼它为：小黄人，它是浏览器给我们提供的JavaScript对象，通过它我们可以去请求服务器上的数据资源，Ajax函数就是基于小黄人对象封装出来的，我们看这样一张图来理解一下它们之间的关系：所以我们原生JS也可以使用xhr对象发起Ajax请求，只不过复杂一点，不过这也正常，要是不复原创 2022-03-24 16:22:39 · 2907 阅读 · 0 评论 -
from表单-Ajax解决同步提交的缺点
好像又回到了我们学习前端的起点——HTML我们了解一下AJAX里的表单使用方法，让我们之前只能输入的表单增添一些交互的元素目录一.认识表单二.表单的组成部分三.标签的属性使用1.action2.target3.menthod4.enctype四.表单的同步提交五.AJAX解决表单同步提交的缺点1.监听表单提交事件2.阻止表单提交的默认行为六.快速获取表单中的数据一.认识表单表单我们不陌生，在网页中负责数据的采集，UI界面（HT原创 2022-03-18 16:00:54 · 1256 阅读 · 0 评论 -
使用JS实现一个会语音的聊天机器人
我使用的是黑马程序员的API接口（小思同学），在此鸣谢，我们今天从第一步到最后一步解析机器人的制作，该API接口免费，请大家妥善处置！！可以实现实时交互文字以及语音聊天功能一.准备工作我们需要准备俩个接口和API文档在代码中已经书写二.HTML架构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-U原创 2022-03-16 13:59:59 · 2326 阅读 · 6 评论 -
AJAX-图书管理项目【准备+案例】
今天我们来做一个图书管理的项目，我们需要用到API的接口（由黑马编程提供，案例由黑马程序员设计）：目录一.需要使用的技术文件二.代码实现（代码详解）一.需要使用的技术文件我们先把需要用到的API接口来书写出来以供使用：http://www.liulongbin.top:3006/api/getbooks获取图书接口http://www.liulongbin.top:3006/api/delbook删除图书接口http://www.liu...原创 2022-03-15 17:52:15 · 1895 阅读 · 3 评论 -
AJAX——什么是接口，使用什么工具节省时间
我们使用AJAX请求数据时，被请求的URL地址，就叫做数据接口（接口），而每一个接口，都必须有请求方式（GET/POST）就比如我们在上节博客中讲到的图书添加和获取，我们仔细观察不难看出，获取图书列表的接口（GET请求）和添加图书的接口（POST请求）是不一样的http://www.liulongbin.top:3006/api/getbooks这是获取图书的接口http://www.liulongbin.top:3006/api/addbook这是添加图书的接口我们理解了什么是接口，接下来原创 2022-03-15 11:08:56 · 1217 阅读 · 0 评论 -
在jQuery中使用AJAX-图书管理的请求和传送
AJAX请求图书数据jQuery中发起AJAX请求最常用的三个方法：$.get() => 从服务器获取数据$.post() => 向服务器上传数据$.ajax() => 可以获取数据/上传数据原创 2022-03-15 10:43:02 · 1324 阅读 · 0 评论 -
使用AJAX ？那你必须了解它
AJAX是非常重要的，无论是前端还是后端，我们都需要熟练的掌握AJAX，AJAX是客户端与服务器之间在不断刷新网页的情况下进行数据的交互。我们先来了解一下客户端与服务器以及它们之间的数据是怎么传递的，然后我们再来探讨一下AJAX到底是什么目录一.客户端与服务器二.URL地址三.网页中如何请求数据四.资源的请求方式五.初识AJAX一.客户端与服务器在我们上网的过程中，负责存放和对外展示，提供资源的电脑就是服务器在我们上网的过程中，负责获取或者消费资源的电脑就是客..原创 2022-03-15 09:36:47 · 1288 阅读 · 0 评论