随笔分类 - ajax axios库
摘要：<template> <div> <h1>展示的内容：{{ meg }}</h1> <input type="text" v-model="inputValue" @keyup.enter="fn" /> <hr /> <img width="200" :src="imgUrl" alt="" />
阅读全文
摘要：固定请求地址和方法 <body> <script> /* 1. 新闻接口 get http://ajax-api.itheima.net/api/news 无参数 */ function myAxios() { return new Promise((resolve, reject) => { co
阅读全文
摘要：原生ajax 发送请求 原生发送请求不带参数 <body> <h2>原生ajax</h2> <button> 原生发送请求不带参数 </button> <script> document.querySelector("button").onclick = function () { // 1.实例化
阅读全文
摘要：不同数据格式 一般按照后端的要求来写数据格式 1.formData 用new data 使用FormData包裹 2.application/json会自动映射 3.application/x-www-form-urlencoded url <body> <h2>form-data</h2> <in
阅读全文
摘要：文件选择标签 type="file" 属性可以获取选择文件 accept="image/*" 推荐选择 图片类 /* 通配,所有 placeholder 提示信息 语法: 1. `accept`属性引导用户选择文件 1. 多个用`,`分隔 2. `image/*`，所有图片 3. 它定义了文件 in
阅读全文
摘要：form-axios提交数据 <body> <h2>ajax+form</h2> <!-- action 提交的接口地址 method 提交的方法 --> <form action="http://ajax-api.itheima.net/api/data" method="post"> <!--
阅读全文
摘要：axios的config模式 工作中最常使用 语法：axios（{}).then({}).catch({})（这里的语法不同之前的 axios.('url地址').then({}).catch({)}） <body> <h2>axios的config模式</h2> <button class="ge
阅读全文
摘要：浏览器和服务器通讯过程 以咱们用的最多的浏览器为例,和服务器通讯的过程就像聊微信? 浏览器:输入URL地址-->请求 服务器:接收请求并返回对应的资源-->响应 浏览器:接收并解析响应内容 可以在浏览器开发者界面的network分类查看 URL:这个地址叫做统一资源定位器（URL）是指定在 Inte
阅读全文
摘要：1.绑定点击事件 get请求无参数 </head> <body> <h2>get请求+参数换地</h2> <button class="btn1">测试</button> <button class="btn2">测试有参数</button> <!-- <script src="https://cd
阅读全文
