当前位置: 首页 > Web前端 > HTML

第一次Ajax

时间:2023-03-29 12:34:38 HTML

第一次Ajax浏览器&服务器浏览器功能:输入网址,可以浏览相关内容服务器功能:为访问者提供各种资源。资源:html文件、css文件、js文件、视频文件、音频文件等浏览器访问的资源,数据存放在哪里?浏览器和服务器存储在服务器上的功能是什么?浏览器负责浏览资源,服务器负责提供资源urlurlURL由4部分组成:协议主机名端口号(可以省略)资源存放路径urlurl的作用是什么?url的4个组成部分用于标记资源位置的URL是什么?protocol,Hostname,portnumber,resourcepathrequestandresponse浏览器和服务器的通信过程分为请求和响应两步,request:浏览器,通过网络到服务器去请求资源的过程,称为“请求”响应:服务器,通过网络将资源返回给浏览器的过程,称为“响应”。要求是什么?就是浏览器通过url获取资源的过程。回应是什么?就是服务器返回资源的过程。JSONJSON(全称:JavaScriptObjectNotation)是一种数据交换格式,本质上是使用字符串来表示JSON数据的对象或数组:objectsorarraysofdataobjectformatJSONstringsrepresentedbystringsmustbeenclosedindoublequotesvaluevaluecan只能是string,number,boolean,null,array,object类型(可选类型只有6种)什么是JSON?字符串形式的对象/数组的数据格式JSON字符串和JS数据类型如何相互转换?JSON.stringify()JS数据类型转JSON字符串JSON.parse()JSON字符串转JS数据类型://cdn.jsdelivr.net/npm/...axios语法axios({url:'请求的URL',method:'requestedmethod'}).then((resultvariablename)=>{//.then用于指定请求成功后的回调函数//形参中的result为请求成功后的结果})什么是axios?axios是别人打包的。axios的格式,用于发送ajax请求的工具?axios({url:address,method:method}).then()接口相关接口接口是提供数据服务的url地址。当使用Ajax技术请求数据时,所请求的URL被称为数据接口(简称:接口或API接口)。接口文档是接口的使用手册。服务器会将一些接口地址列成一个文件。接口文档的格式包括以下内容。什么是接口?接口是提供数据服务的url地址。什么是接口文件?服务器Documentation提供的接口url地址之一,是接口的描述。axios请求携带查询参数。axios传参的语法一般是get请求传参axios({url:'请求地址',method:'请求方法',params:{//后端规定参数名:前端准备给后端的值end}}).then(result=>{console.log(result)})//post请求参数axios({url:'请求地址',method:'POST',//一般来说是POSTdata:{//data:对应要发送给后端的数据//后端指定的参数名:前端发送给后端的值}}).then(result=>{console.log(result);})axios5种请求方式浏览器向服务器请求数据时,根据操作的性质,理想情况下可以分为5种常见的请求方式:工作时:后端规定什么请求方式,前端应该follow指定使用请求消息组成请求行请求方式:(GET/POST/DELETE/PUT/PATCH)请求url:服务器地址pr中的资源otocolversion:defaultHTTP/1.1requestheader:header参数名:valuerequestBody:携带给服务器的数据响应消息响应消息构成响应行协议版本:DefaultHTTP/1.1Responsestatuscode:返回的数字标识符server,代表本次响应的状态响应状态描述:服务器返回的文本标识,代表本次响应的描述响应头:头参数名:值响应体:服务器返回的响应数据响应码常见的响应状态码有如下查看各种响应状态码200:比如我们之前案例中的AjaxRequest,正确的响应状态是200302:比如先打开Network,然后访问baidu.com,会有302重定向304:比如,先打开Network,然后访问https://image.baidu.com/,有些css,js,image文件会有缓存4xx:后续案例中可以遇到500/projects:比如先打开Network,然后访问http://pcapi-xiaotuxian-front...,会出现500业务状态码