7.22作业

最新推荐文章于 2024-08-27 16:36:29 发布

夏347

最新推荐文章于 2024-08-27 16:36:29 发布

阅读量651

点赞数 22

文章标签： vue.js ajax

本文链接：https://blog.csdn.net/qq_62854280/article/details/140607341

版权

1、什么是ajax，什么是axios？

1.1 AJAX

AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行动态更新。 AJAX 的主要组成部分包括：

XMLHttpRequest：这是 AJAX 的核心，用于创建异步请求和处理响应。
DOM（Document Object Model）：用于操作页面结构和内容。
CSS（Cascading Style Sheets）：用于控制页面样式。
JavaScript：用于处理逻辑和数据。

1.2 Axios

Axios 是一个基于 promise 的 HTTP 客户端，可以用于浏览器和 node.js 中。它是用来发送 AJAX 请求的现代替代方案之一，相比于原生的 XMLHttpRequest 或者 fetch API，Axios 提供了更丰富的功能和更好的错误处理机制。Axios 的一些特性包括：

基于 Promise 的 API：使得异步代码更容易管理，可以使用 .then() 和 .catch() 方法来处理异步操作的成功和失败情况。
拦截请求和响应：允许在请求或响应被发送/接收之前对其进行修改。
转换请求和响应数据：自动解析 JSON 数据，或者手动指定转换函数。
取消请求：提供 CancelToken 来取消正在执行中的请求。
自动转换请求和响应 JSON：不需要手动解析 JSON 响应或序列化请求体。
客户端支持防止 CSRF 攻击：自动设置 XSRF token 到 X-XSRF-TOKEN 请求头中（仅在提供 XSRF token cookie 的情况下）。
跨平台：可以在浏览器和 Node.js 环境中使用相同的代码。

2、前台项目如何整合axios？

1.创建数据库表并实现后台连接数据

2.安装axios

npm install axios
# 或者
pnpm install axios

3.导入并配置：新建一个axios.js文件

//导入库的支持
import axios from "axios";
//声明一个全局的实例。方便后面使用
const instance = axios.create({
	timeout:1000,
});
//导出供外部进行调用
export default instance;

4.前台创建实例发送请求：在js文件中添加

//通过vue提供的两个函数进行转换，ref、reactive
	import { ref , reactive } from 'vue'
	import axios from '../tools/axios.js'
	
	const tableData = ref([])//vue对象
	//利用axios请求后端，返回json，vue解析json，渲染到页面组件
	//promise语法结构和日常的js不同
	const ClassifyList = ()=>{
		axios.get('http://localhost:5017/classify')
		.then(res=>{
			tableData.value=res.data
		})
		.catch(err=>{
			
			console.log(err)
		})
	}
	ClassifyList()

5.后台增加跨域请求（Program.cs）：

//注册跨域访问权限
builder.Services.AddCors(options => {
    options.AddPolicy(name: "AllowAll", policy =>
    {
        policy.AllowAnyOrigin().AllowAnyHeader().AllowAnyMethod();
    });
});


app.UseCors("AllowAll");

3、生成主键策略有哪些？什么是uuid？什么是雪花算法 snowflake？

生成主键（Primary Key）策略是指在数据库设计中确定如何创建唯一标识符的方法，用于唯一标识表中的每一行记录。主键可以是自然键（如身份证号、商品编号等），也可以是系统分配的键。

常见的主键生成策略有：

（1）自增ID (Auto-Increment)：

数据库自动递增的整数，通常是主键字段的数据类型为整型，如 INT 或 BIGINT。在关系型数据库中很常见，如 MySQL 中使用 AUTO_INCREMENT 属性。

（2）GUID/UUID：

全球唯一标识符（Globally Unique Identifier），在微软环境中称为 GUID，在互联网环境中称为 UUID。 UUID 是一个 128 位的数字，通常用连字符分隔的十六进制数表示，例如 550e8400-e29b-41d4-a716-446655440000。每个 UUID 几乎保证在全球范围内都是唯一的，即使在网络上的不同计算机之间也是如此。