前端工程化01-复习jQuery当中的AJAX

4.1、基础概念

什么是服务器

  • 一台存储网站内容、网站文件的电脑

什么是资源

  • 网站中使用的文件(htmlcss、图片、…)这些东西就叫做资源
  • 数据也是服务器上的资源,而且是一个网站的灵魂

客户端

  • 客户端应该指上网的设备
  • 但是在前端开发中,可以把浏览器理解为客户端即可

URL

  • 对服务器上的数据,进行查询、新增、修改、删除等操作,都需要URL

URL的构成

  • 对于一个项目来说,一般情况下 协议、主机地址、端口号都是不会变
  • 协议、主机地址、端口号组成的这一部分叫做根路径
  • 注意标点符号
  • 这个网址是由后端程序员提供的,作为前端人员就是拿来使用。

image-20240420190726636

4.2、请求和响应

什么是请求

  • 客户端 向服务器 要资源的 过程

  • 客户端 向服务器 提交资源的过程

  • 通过 url 地址,连接到服务器,广义上讲都叫做请求

请求是由谁发送的

  • 客户 (客户端)

什么是响应

  • 客户端发送了请求,服务器做出的回应,叫做响应

响应是谁做出的

  • 服务器

5种常用的请求方式(不同的请求目的,对应着不同的请求方式)

  • 查询获取数据 — 请求方式:GET
  • 添加数据 — 请求方式:POST
  • 删除数据 — 请求方式:DELETE
  • 修改数据 — 请求方式:PUT / PATCH

了解到Ajax的作用

image-20240420192059407

4.3、jQuery的AJAX的概念

前面我们已经介绍了一些基础的概念,包括请求和响应的基本概念

在没有学习Vue框架前,我们用的前端框架、一直是js库或者jQuery框架原生的JS框架的发送请求方式,还没有Axios的概念

Vue没开始的这个阶段前、如果页面中的数据是需要动态获取或更新的,这时我们需要向服务器发送异步请求来获取数据,然后在无需刷新页面的情况下来更新

页面,那么这个发起异步请求获取数据来更新页面的技术叫做AJAX

4.4、异步和同步的区别

image-20240420200221440

4.5、Ajax概述

AJAX全称(Asynchronous JavaScript And XML)是异步的 JavaScript 和 XML,它描述了一组用于构建网站和Web应用程序的开发技术。

简单点说,就是使用 XMLHttpRequest 对象与服务器通信。它可以使用 JSON,XML,HTML 和 text 文本等格式发送和接收数据。

AJAX 最吸引人的就是它的“异步”特性。也就是说它可以在不重新刷新页面的情况下与服务器通信,交换数据,或更新页面。

4.6、Ajax请求方法

GETPOSTPUTPACTHDELETE

jQuery中也有AJAX模块,该模块是在XMLHttpRequest的基础上进行了封装,语法(Syntax)如下

  • $.ajax( [settings ] ) - 默认用 GET 请求从服务器加载数据, 会返回jQXHR对象,可以利用该对象的abort方法来取消请求。
  • $.get( url [, data ] [, success ] [, dataType ] ) - 发起GET请求,底层调用的还是$ajax()
  • $.post( url [, data ] [, success ] [, dataType ] ) - 发起POST请求,底层调用的还是$ajax()

他并没有提供$.put$.pacth$.DELETE等方法,

4.7、免费测试HTTP请求的网站

https://httpbin.org (是一个专门提供:免费测试http服务的网站)

如果你会写后台的话,那么当然你可以用用这个东西,当然我本身就是后端,所以写几个接口不是问题,为了方便,我们就暂时用这个测试请求

4.8、请求参数解读

url指定发送请求的 URL。
method / type用于指定请求的类型 (“POST”, “GET”, “PUT”),默认为GET
data指定要发送到服务器的数据(PlainObject or String or Array)一个纯粹的对象、JSON字符串、数组
processData当data是一个对象时,jQuery 从对象的键/值对生成数据字符串,除非该processData选项设置为false. 例如,{ a: "bc", d: "e,f" }被转换为字符串"a=bc&d=e%2Cf",默认为true
header请求头的内容(PlainObject)纯粹的对象
contentType默认值:application/x-www-form-urlencoded; charset=UTF-8,向服务器发送数据时指定内容类型。
application/x-www-form-urlencoded; charset=UTF-8: 请求体的数据以查询字符串形式提交,如:a=bc&d=e%2Cf
application/json; charset=UTF-8 指定为json字符串类型
为时 false, 代表是 multipart/form-data 。表单类型,一般用于上传文件
dataType期望服务器端发回的数据类型(jsonxmltext…),默认会根据响应的类型来自动推断类型。
timeout请求超时时间。它以毫秒为单位。
beforeSend这是一个在发送请求之前运行的函数,返回false会取消网路请求。
success请求成功回调的函数
error请求失败回调的函数

什么是纯粹的对象PlainObject

image-20240420233927489

processData属性

如果data里边放的是一个对象的时候、他会从对象的键/值对生成查询字符串,例如你在data里边放一个对象如下{ a: "bc", d: "e,f" },他会被转换为字符串"a=bc&d=e%2Cf"

contentType属性

来告诉服务器我等下这个data给你提交的是什么类型的数据,我们要告诉服务器,默认值是 application/x-www-form-urlencoded; charset=UTF-8

dataType属性

期望服务器发回的数据、默认会根据响应类型来自动推断其类型

4.9、$.ajax-get方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<!-- 引入jquery -->   
<script src="./js/jquery.js"></script>
<script>
     //监听文档完全解析完毕
     $(function(){
         $.ajax({
             //访问的是那个服务器
             url:"https://httpbin.org/get",
             //请求类型 type 和medthod一样
             type:"get",
             //期待服务器返回的数据类型,默认会进行类型推断
             dataType:"json",
             //成功之后的回调函数  
             success:function(data){
                 console.log(data);
             }
         })
     })
 </script>   
</body>
</html>

4.1、$.ajax-POST方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 引入jquery -->
 <script src="./js/jquery.js"></script>
 <script>
     //监听文档完全解析完毕
     $(function(){
         //测试ajax-post请求
         $.ajax({
             //访问的是那个服务器
             url:"https://httpbin.org/post",
             //请求类型 type 和medthod一样
             type:"post",
             //期待服务器返回的数据类型,默认会进行类型推断
             dataType:"json",
             //成功之后的回调函数  
             success:function(data){
                 console.log(data);
             }
         })
     })
 </script>   
</body>
</html>

4.2、$.ajax-put方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 引入jquery -->
 <script src="./js/jquery.js"></script>
 <script>
     //监听文档完全解析完毕
     $(function(){
         //测试ajax-put请求
         $.ajax({
             //访问的是那个服务器
             url:"https://httpbin.org/put",
             //请求类型 type 和medthod一样
             type:"put",
             //期待服务器返回的数据类型,默认会进行类型推断
             dataType:"json",
             //成功之后的回调函数  
             success:function(data){
                 console.log(data);
             }
         })
     })
 </script>   
</body>
</html>

4.3、$.ajax-delete方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 引入jquery -->
 <script src="./js/jquery.js"></script>
 <script>
    //监听文档完全解析完毕
     $(function(){
         //测试ajax-delete请求
         $.ajax({
             //访问的是那个服务器
             url:"https://httpbin.org/delete",
             //请求类型 type 和medthod一样
             type:"delete",
             //期待服务器返回的数据类型,默认会进行类型推断
             dataType:"json",
             //成功之后的回调函数  
             success:function(data){
                 console.log(data);
             }
         })
     })
 </script>   
</body>
</html>

4.4、请求发送错误的情况

有几种常见的状态码:

504(请求超时) 503(服务器异常) 500(后台代码异常) 404(找不到资源) 403(服务器拒绝请求)401(请求未授权)400(请求参数异常)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 引入jquery -->
 <script src="./js/jquery.js"></script>
 <script>
    //监听文档完全解析完毕
     $(function(){
         //500(后台代码异常)
         $.ajax({
             //访问的是那个服务器
             url:"https://httpbin.org/status/500",
             //请求类型 type 和medthod一样
             type:"get",
             //期待服务器返回的数据类型,默认会进行类型推断
             dataType:"json",
             //成功之后的回调函数  
             success:function(data){
                 console.log(data);
             },
             //失败之后的回调函数)
             error:function(xhr){
                 console.log(xhr.status);
             }
         })
         //403(没有权限)
         $.ajax({
             //访问的是那个服务器
             url:"https://httpbin.org/status/403",
             //请求类型 type 和medthod一样
             type:"get",
             //期待服务器返回的数据类型,默认会进行类型推断
             dataType:"json",
             //成功之后的回调函数  
             success:function(data){
                 console.log(data);
             },
             //失败之后的回调函数)
             error:function(xhr){
                 console.log(xhr.status);
             }
         });
         //404(找不到资源)
         $.ajax({
             //访问的是那个服务器
             url:"https://httpbin.org/status/404/eeeeeeee",
             //请求类型 type 和medthod一样
             type:"get",
             //期待服务器返回的数据类型,默认会进行类型推断
             dataType:"json",
             //成功之后的回调函数  
             success:function(data){
                 console.log(data);
             },
             //失败之后的回调函数)
             error:function(xhr){
                 console.log(xhr.status);
             }
         });
    });
 </script>   
</body>
</html>

4.5、请求超时&手动取消请求

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
  
  <button class="btn">取消请求</button>  
    
 <!-- 引入jquery -->
 <script src="./js/jquery.js"></script>
 <script>
    //监听文档完全解析完毕
     $(function(){
       //测试请求超时 timeout
       var jqXhr= $.ajax({
            //访问的是那个服务器
            url:"https://httpbin.org/delay/7",
            //请求类型 type 和medthod一样
            type:"get",
            //期待服务器返回的数据类型,默认会进行类型推断
            dataType:"json",
            //设置请求超时时间---服务器七秒后才能返回信息所以一定会超时
            timeout:5000,
            //成功之后的回调函数  
            success:function(data){
                console.log(data);
            },
            //失败之后的回调函数)
            error:function(xhr){
                console.log(xhr.status);
            }
        })

        //取消请求
        $(".btn").click(function(){
            //取消请求
            jqXhr.abort();//手动取消请求
        })
    });
 </script>   
</body>
</html>

4.6、GET请求参数和简写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
  
   
<script src="./js/jquery.js"></script>
<script>
    // 监听文档完全解析完毕
    $(function(){
        
        //1、url添加查询字符串
             //?cityId=404100&keyWord=天河公园被称为叫做查询字符串、天河公园,这个汉字也会被进行编码变成如下
             //https://httpbin.org/get?cityId=404100&keyWord=%E5%A4%A9%E6%B2%B3%E5%85%AC%E5%9B%AD
             //他是怎么编码的? 
             console.log(encodeURIComponent("天河公园"))  
        $.ajax({
            //访问的是那个服务器
            url:"https://httpbin.org/get?cityId=404100&keyWord=天河公园",
            //请求类型 type 和medthod一样
            type:"get",
            //期待服务器返回的数据类型,默认会进行类型推断
            dataType:"json",
            //成功之后的回调函数  
            success:function(data){
                console.log(data);
            },
            //失败之后的回调函数)
            error:function(xhr){
                console.log(xhr.status);
            }
        });
        
        //2、支持在data中提交参数
        $.ajax({
            //访问的是那个服务器
            url:"https://httpbin.org/get",
            //请求类型 type 和medthod一样
            type:"get",
            data:{
                cityId:404100,
                keyWord:"天河公园"
            },
            //processData:true,//是否对data参数进行编码,默认是true,如果是个对象会把他转换成查询字符串,并对中文编码,转成完了,还会放到路径上
            //期待服务器返回的数据类型,默认会进行类型推断
            dataType:"json",
            //成功之后的回调函数  
            success:function(data){
                console.log(data);
            },
            //失败之后的回调函数)
            error:function(xhr){  
                console.log(xhr.status);
            }
        }) 
        
        //3、给get请求添加请求头
        $.ajax({
            //访问的是那个服务器
            url:"https://httpbin.org/get",
            //请求类型 type 和medthod一样
            type:"get",
            //
            headers:{
                "token":"123456789"
            },
            //期待服务器返回的数据类型,默认会进行类型推断
            dataType:"json",
            //成功之后的回调函数  
            success:function(data){
                console.log(data);
            },
            //失败之后的回调函数)
            error:function(xhr){  
                console.log(xhr.status);
            }
        }) 
        
        //4、get请求简写(1.8往前的简写形式)
        $.get("https://httpbin.org/get",{
            cityId:404100,
            keyWord:"天河公园"
        },function(data){
            console.log(data);
        },"json") 
        
        //5、get请求简写(1.8往后的简写形式)
        $.get("https://httpbin.org/get")
          //正产的
         .then(function(data){  //小于1.8这个东西就变成done了
            console.log(data);
         }) 
         //错误的
         .fail(function(){    //小于1.8 fail  1.9并不支持catch方法,我测试过了,也有可能我导入的jq文件是虚假的1.9
            console.log("catch");
         })
         //总是会执行的类似于java当中的 finally 方法不管结果如果总是会执行
         .always(function(){  //finally
            console.log("always");
         })    
    }) 
</script>
    
</body>
</html>

4.7、POST请求参数简写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
  

<script src="./js/jquery.js"></script>
<script>
    // 监听文档完全解析完毕
    $(function(){
         //1、在url中提交查询字符串(比较少见的)
         $.ajax({
            url:'https://httpbin.org/post?cityId=404100&keyWord=小雨',
            method:"POST",
            success:function(res){
                console.log(res);
            }
         })
         //2、在data中提交查询字符串(这种事比较多的)
         $.ajax({
            url:'https://httpbin.org/post',
            method:"POST",
            //如果是post请求,他就不会把这个data拼接到我们的查询字符串里去了,而是放到请求体当中,当然他依然会被编码成那种麻花符号格式
            data:{
                cityId:404100,
                keyWord:"小雨"
            },
            //请求体的数据采用什么格式-默认是 application/x-www-form-urlencoded
            contentType:"application/x-www-form-urlencoded",
            //数据返回的类型
            dataType:"json",
            success:function(res){
                console.log(res);
            }
         })
         //3、在data中JSON字符串
         $.ajax({
            url:"https://httpbin.org/post",
            type:"post",
            //把对象序列化成json字符串
            data:JSON.stringify({cityId:404100,keyWord:"小雨"}),
            //传递json,必须给这个,要不然取不到数据
            contentType:"application/json;charset=utf-8",
            dataType:"json",
            success:function(res){
                console.log(res);
            }
            ,error:function(xhr){  
                console.log(xhr.status);
            }
         });
         //4、在data中的FormData对象
         var form= new FormData();   //<form> <input name="cityId" value="404100"></input></form>
         form.append("cityId",404100)
         form.append("keyword",'小雨')
         $.ajax({
            url:"https://httpbin.org/post",
            type:"post",
            data:form,
            processData:false,  //告诉jquery不要对data参数进行编码,不然就会传承查询字符串了
            contentType:false,  //告诉jquery不要对contentType进行编码  XHR 就会用默认的contentType
            success:function(res){  //res是服务器返回的数据、
                console.log(res);
            },
            error:function(xhr){  //xhr是服务器返回的响应对象
                console.log(xhr)
            }
         });    
         //5、在添加请求头
         $.ajax({
            url:"https://httpbin.org/post",
            type:"post",
            data:form,
            processData:false,  //告诉jquery不要对data参数进行编码,不然就会传承查询字符串了
            contentType:false,  //告诉jquery不要对contentType进行编码  XHR 就会用默认的contentType
            headers:{
                "token":"123456789"
            },
            success:function(res){  //res是服务器返回的数据、
                console.log(res);
            },
            error:function(xhr){  //xhr是服务器返回的响应对象
                console.log(xhr)
            }
         }); 
         //6、POST请求简写
         $.post("https://httpbin.org/post",{
            cityId:404100,
            keyWord:"小雨"
         },function(data){
            console.log(data);
         },'json')
         //7、POST请求简写方式2
         $.post("https://httpbin.org/post",{"city":"504100","keyWord":'小雨'}).then(function(){
            console.log(data);
         }) 
    });
</script>
    
</body>
</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/561019.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

SQLite 的命令行 Shell(三十一)

返回&#xff1a;SQLite—系列文章目录 上一篇&#xff1a;SQLite FTS5 扩展&#xff08;三十&#xff09; 下一篇&#xff1a;SQLite—系列文章目录 1. 入门 SQLite 项目提供了一个名为 sqlite3&#xff08;或 Windows 上的sqlite3.exe&#xff09;的简单命令行程序 …

密码学 | 承诺:绑定性 + 隐藏性

&#x1f951;原文&#xff1a;承诺方案&#xff08;Commitment&#xff09;学习笔记 &#x1f951;写在前面&#xff1a; 本文属搬运博客&#xff0c;自己留存学习。本文只会讲承诺的两个安全属性&#xff0c;不会再讲解承诺的定义。 正文 承诺方案需要满足两个安全属性&…

【Pytorch】Yolov5中CPU转GPU过程报错完善留档归纳

Yolov5 从CPU转GPU Python多版本切换 Conda包处理 文章目录 Yolov5 从CPU转GPU Python多版本切换 Conda包处理1.Pytorch套件中存在版本不匹配2.numpy停留在3.8没跟上pytorch2.2.23.ModuleNotFoundError: No module named pandas._libs.interval4.ImportError: cannot imp…

SpringBoot启动流程深度解析

写在前面&#xff1a; 由于该系统是底层系统&#xff0c;以微服务形式对外暴露dubbo服务&#xff0c;所以本流程中SpringBoot不基于jetty或者tomcat等容器启动方式发布服务&#xff0c;而是以执行程序方式启动来发布(参考下图keepRunning方法)。 本文以调试一个实际的SpringBoo…

【做一名健康的CSDNer】

程序员由于工作性质&#xff0c;常常需要长时间面对电脑&#xff0c;这可能对身心健康带来挑战。以下是一些实用的建议&#xff0c;帮助程序员保持身心健康&#xff1a; 规律生活&#xff1a;建立健康的生活习惯&#xff0c;包括规律的作息时间和固定的饮食时间&#xff0c;保证…

书生·浦语大模型实战营Day04OpenXLab 部署

书生浦语大模型实战营Day04OpenXLab 部署 如何在 OpenXLab 部署一个 InternLM2-7B chat 的应用。 OpenXLab浦源平台介绍 OpenXLab 浦源平台以开源为核心&#xff0c;旨在构建开源开放的人工智能生态&#xff0c;促进学术成果的开放共享。OpenXLab面向 AI 研究员和开发者提供…

【python】使用python和selenium实现某平台自动化上传作品的全步骤

第一&#xff0c;我们需要下载python并安装 下载地址&#xff1a;https://www.python.org/downloads/release/python-3123/ 3.x版本的python自带pip工具&#xff0c;因此不需要额外下载。 ModuleNotFoundError: No module named seleniumpip用于下载python适用的各类模块&…

yolov8自带的P2层如何开启

YOLOv8模型 简述YOLOv8不同size模型简述 在最开始的YOLOv8提供的不同size的版本&#xff0c;包括n、s、m、l、x&#xff08;模型规模依次增大&#xff0c;通过depth, width, max_channels控制大小&#xff09;&#xff0c;这些都是通过P3、P4和P5提取图片特征&#xff1b; 正…

网络编程 -- 简易TCP网络程序

一 字符串回响 1.1 核心功能 字符串回响程序类似于 echo 指令&#xff0c;客户端向服务器发送消息&#xff0c;服务器在收到消息后会将消息发送给客户端&#xff0c;该程序实现起来比较简单&#xff0c;同时能很好的体现 socket 套接字编程的流程。 1.2 程序结构 这个程序我们…

Python编程玩转二维码

文章目录 Python编程玩转二维码第一部分&#xff1a;背景介绍第二部分&#xff1a;qrcode库是什么&#xff1f;第三部分&#xff1a;如何安装这个库&#xff1f;第四部分&#xff1a;库函数使用方法第五部分&#xff1a;场景应用第六部分&#xff1a;常见Bug及解决方案第七部分…

动力学重构/微分方程参数拟合 - 基于模型

这一篇文章&#xff0c;主要是给非线性动力学&#xff0c;对微分方程模型参数拟合感兴趣的朋友写的。笼统的来说&#xff0c;这与混沌系统的预测有关&#xff1b;传统的机器学习的模式识别虽然也会谈论预测结果&#xff0c;但他们一般不会涉及连续的预测。这里我们考虑的是&…

Git ignore、exclude for TortoiseGit 小结

1.Ignore Type&#xff1a;忽略类型&#xff0c;也即忽略规则&#xff0c;如何去忽略文件? 1.1.Ignore item(s) only in containing folder(s)&#xff1a;仅忽略在包含在文件夹中项目。 仅忽略该文件夹下选定的patterns。the patterns其实就是文件类型&#xff0c;比如.txt后…

文本美学:text-image打造视觉吸引力

当我最近浏览 GitHub 时&#xff0c;偶然发现了一个项目&#xff0c;它能够将文字、图片和视频转化为文本&#xff0c;我觉得非常有趣。于是我就花了一些时间了解了一下&#xff0c;发现它的使用也非常简单方便。今天我打算和家人们分享这个发现。 项目介绍 话不多说&#xf…

面试(05)————Redis篇

目录 一、项目中哪些地方使用了redis 问题一&#xff1a;发生了缓存穿透该怎么解决&#xff1f; 方案一&#xff1a;缓存空数据 方案二&#xff1a;布隆过滤器 模拟面试 问题二&#xff1a; 发生了缓存击穿该怎么解决&#xff1f; 方案一&#xff1a;互斥锁 方案二&#xff…

【GPTs分享】GPTs分享之Image Recreate | img2img​

简介 该GPT是一个专门用于图像编辑、重建和合并的工具。它通过详细的自动图像描述和生成&#xff0c;帮助用户从源图像中重现或修改图像。此工具设计用于为视障用户提供图像内容的详细描述&#xff0c;并生成全新的图像&#xff0c;以满足特定的视觉需求。 主要功能 \1. 图像…

Clion 2023.1.5 最新详细破解安装教程

CLion 最大的优点是跨平台&#xff0c;在Linux、Mac、Windows 上都可以运行。CLion 还同时支持 GCC、Clang、MSVC 这 3 种编译器&#xff0c;使用 CLion 编写程序&#xff0c;程序员可以根据需要随意切换使用的编译器。 第一步: 下载最新的 Clion 2023.1.5 版本安装包 我们先…

掌握字幕艺术:pysrt 库指南

文章目录 掌握字幕艺术&#xff1a;pysrt 库指南第一部分&#xff1a;背景介绍第二部分&#xff1a;库是什么&#xff1f;第三部分&#xff1a;如何安装这个库&#xff1f;第四部分&#xff1a;库函数使用方法第五部分&#xff1a;场景应用第六部分&#xff1a;常见Bug及解决方…

Hive基础3

一、表的分区 大数据开发数据量较大&#xff0c;在进行数据查询计算时&#xff0c;需要对数据进行拆分&#xff0c;提升的查询速度 1-1 单个分区 单个分区是创建单个目录 -- 创建表指定分区&#xff0c;对原始数据进行分区保存 create table new_tb_user(id int,name string,ag…

Linux嵌入式驱动开发-linux中断

文章目录 linux中断原理中断控制器GIC中断源分类 中断ID、中断线(中断号/中断源)中断ID中断线(中断号/中断源)MX6U中断源 上半部与下半部&#xff08;顶半部和底半部&#xff09;下半部实现机制linux软中断注册软中断触发软中断初始化软中断 taskletasklet_init&#xff1a;初始…

【AIGC】文本与音频生成引领行业革新

AIGC技术崛起 一、AIGC技术概述二、文本生成&#xff1a;结构化与创作型并进三、实例与代码解析四、音频生成&#xff1a;语音合成技术大放异彩五、结语 在科技的浪潮中&#xff0c;人工智能与大数据的结合不断推动着时代的进步。其中&#xff0c;AIGC&#xff08;Artificial I…