2022年12月2日
原生ajax 发送请求
摘要： 原生ajax 发送请求 原生发送请求不带参数 <body> <h2>原生ajax</h2> <button> 原生发送请求不带参数 </button> <script> document.querySelector("button").onclick = function () { // 1.实例化 阅读全文
posted @ 2022-12-02 13:44 噢噢噢J 阅读(128) 评论(0) 推荐(0) 编辑
不同数据格式 一般按照后端的要求来写数据格式
摘要： 不同数据格式 一般按照后端的要求来写数据格式 1.formData 用new data 使用FormData包裹 2.application/json会自动映射 3.application/x-www-form-urlencoded url <body> <h2>form-data</h2> <in 阅读全文
posted @ 2022-12-02 13:35 噢噢噢J 阅读(15) 评论(0) 推荐(0) 编辑
2022年12月1日
使用 FormData上传file文件 使用接口通过FormData上传头像
摘要： 文件选择标签 type="file" 属性可以获取选择文件 accept="image/*" 推荐选择 图片类 /* 通配,所有 placeholder 提示信息 语法: 1. `accept`属性引导用户选择文件 1. 多个用`,`分隔 2. `image/*`，所有图片 3. 它定义了文件 in 阅读全文
posted @ 2022-12-01 14:02 噢噢噢J 阅读(199) 评论(0) 推荐(0) 编辑
FormData()浏览器内置的对象 不需要引入js 主要用于保存文件 发送给后端
摘要： FormData()浏览器内置的对象 它是一个构造函数 不需要引入js文件 后端要求传的一种数据格式时使用 概念: 1. `FormData`是浏览器提供的内置对象 2. 以`key/value`的形式保存数据 3. 能够结合`ajax`进行数据提交 主要是提交给后端 使用post新增数据 常用语法 阅读全文
posted @ 2022-12-01 13:57 噢噢噢J 阅读(139) 评论(0) 推荐(0) 编辑
form表单-form-serialize插件 作用是简化获取表单数据
摘要： form表单-form-serialize插件 form-serialize`的作用是简化获取表单数据 使用步骤: 1. 导入`form-serialize`插件 2. 调用`serialize`传入`form`表单和选项，即可获取 1. 导入之后全局会增加`serialize`方法 3. 注意: 阅读全文
posted @ 2022-12-01 13:51 噢噢噢J 阅读(1979) 评论(0) 推荐(0) 编辑
form-axios提交数据
摘要： form-axios提交数据 <body> <h2>ajax+form</h2> <!-- action 提交的接口地址 method 提交的方法 --> <form action="http://ajax-api.itheima.net/api/data" method="post"> <!-- 阅读全文
posted @ 2022-12-01 13:45 噢噢噢J 阅读(60) 评论(0) 推荐(0) 编辑
axios的config模式 工作中最常使用的一种方法
摘要： axios的config模式 工作中最常使用 语法：axios（{}).then({}).catch({})（这里的语法不同之前的 axios.('url地址').then({}).catch({)}） <body> <h2>axios的config模式</h2> <button class="ge 阅读全文
posted @ 2022-12-01 13:42 噢噢噢J 阅读(232) 评论(0) 推荐(0) 编辑
2022年11月30日
浏览器和服务器之间的通信 ajax axios 接口 接口文档
摘要： 浏览器和服务器通讯过程 以咱们用的最多的浏览器为例,和服务器通讯的过程就像聊微信? 浏览器:输入URL地址-->请求 服务器:接收请求并返回对应的资源-->响应 浏览器:接收并解析响应内容 可以在浏览器开发者界面的network分类查看 URL:这个地址叫做统一资源定位器（URL）是指定在 Inte 阅读全文
posted @ 2022-11-30 13:54 噢噢噢J 阅读(185) 评论(0) 推荐(0) 编辑
axios 的请求方式
摘要： 1.绑定点击事件 get请求无参数 </head> <body> <h2>get请求+参数换地</h2> <button class="btn1">测试</button> <button class="btn2">测试有参数</button> <!-- <script src="https://cd 阅读全文
posted @ 2022-11-30 13:35 噢噢噢J 阅读(45) 评论(0) 推荐(0) 编辑
2022年11月29日
展开运算符(…)
摘要： 展开运算符(…),将一个数组进行展开,不会修改原数组 <body> <script> /* 展开运算符(…),将一个数组进行展开,不会修改原数组 */ let arr = [1, 3, 3, 7, 91]; console.log(...arr); //[1, 3, 3, 7, 91] consol 阅读全文
posted @ 2022-11-29 23:43 噢噢噢J 阅读(662) 评论(0) 推荐(0) 编辑