154-回顾axios

好，那下面呢，我们就可以在首页里面来发送一个阿贾克斯请求，然后来测试一下咱们的SPVC是如何处理阿贾克斯请求的啊好，那我们在这先把咱们需要用到的一些GS文件，然后引入进来，然后是TH冒号src，然后A的大括号，然后是GS下面的v.GSOK，然后再往下，然后是咱们的X，对吧？好，设置完之后，然后我们是不是需要来创建咱们的view对象，然后呢，来给咱们页面中的某个标签绑定事件，然后再去创建它所对应的函数，对吧？然后来挖一个view对象，等于六一个view OK，好，然后大括号，然后这里面首先第一个咱们要来设置的是咱们的挂载容器，那比如说呀，咱们来创建一个div。然后给这个div设置一个ad，就叫做APP行，那咱们然后这个div就是我们的这个挂载容器啊，叫做井号APP行，然后再往下设置data，需不需要呢？你不需要咱们就可以不设置啊，这是模型数据，再往下呢是methods，然后是我们当前这个为咱们的这个事件，然后所绑定的函数啊，然后大括号，然后呢，比如说我们在这咱们可以写一个超链接或按钮，我建议大家直接写按钮啊，为什么你写超链接它都有默认行为对不对？所以说呢，然后我们现在你给一个超链接绑定事件，让他执行一个阿贾克斯，那我们最终是不是都需要去阻止他的默认行为。

所以说咱们可以直接来写个按钮，比如说是button按钮，那这个时候它是没有任何功能的，你包括咱们的summit按钮，还有reset按钮，还有那个双标签的八成按钮，它如果说不在表单中，它也是什么功能都没有知道吧？好在这咱们给它一个value，然后这个是来测试咱们的spring mvc，然后来处理阿贾克斯请求，OK，好，然后在这呢，咱们给它绑定一个点击时间it click等于test阿贾克斯。

好，这个括号呢，咱们说过可以写也可以不写，如果你有参数，那你就必须要写，如果没有参数的话，可以不写啊好，然后大括号，那这里面怎么写呢？咱们是不是要来使用X了，对不对，怎么用呢？大家注意咱们一般情况下有两种用法，如果说你要不知道的话，大家可以去百度里面去搜索一下咱们的的一个官网，对吧？好。然后咱们来找到它的这个官网啊来大家注意这是它的一个中文文档，那我们直接来查看就行，对吧，或者说我们可以在这先把它给写出来，咱们的使用方式呢，两种，第一种呢，就是直接使用X方法，然后里面呢，咱们需要来设置一个大括号，然后来对X进行配置，然后其中咱们须要设置的属性有URL对吧？咱们必须要设置的有这几个啊，URL这是第一个请求路径，第二个呢，叫做method表示请求方式，第三个呢，叫做paras cameras，然后这个是来设置咱们的请求参数的，这个data呢，它也是设置请求参数的啊，咱们就先把这个格式给大家写出来，因为咱们一会呢，咱们这个这种方式呢，咱们以后反正用的不多，我们用的基本上都是extra的get或extra post这种方式啊，那咱们先把它的格式给写出来，然后点then对吧，点里面是干什么的来处理我们当前咱们。

这个请求处理阿贾克斯请求处理成功之后，对吧，然后呢，咱们的服务器响应回来的结果的对不对？然后呢，这个Z里面咱们写什么？可以写一个箭头函数response箭头，然后这个大括号中就是对我们当前咱们的服务器响应回来的结果的一个处理，那服务器响应回来的结果是谁呢？大家注意，然后就是这个response对象，当然服务器响应回来的数据被封装到了哪，咱们在这呢，可以通过这个log，然后快速的来这个使用cons.log这个方法，然后它是被封装到了response里面的这个data属性中，这个大家注意啊。

也就是说我们服务器响应到浏览器的数据被封装到了咱们的response.data这个属性中，OK吧，行，然后我们可以把这个格式咱们给它拿过来，然后给它放到哪呢？给它放到这个位置啊杠行行，然后咱们拿过来之后，然后给大家来写一下这里面的注释啊，虽然说咱们这个东西不用啊，但是呢，这里面的这个参数大家一定要知道是什么意思，因为其实哪怕一会儿我们在这，咱们来使用的actual.get.post其实我们设置的这些这这些配置其实也就是这几个知道吧，首先这个是咱们的请求路径啊，然后下面这个是咱们的请求方式，请求方式，然后这个是什么叫做请求参数，请求参数，下面这个也是请求参数。

但是它它俩是有区别的，在这咱们写一下啊，然后是以什么方式发送的请求参数呢？看好，然后以name，然后等于value，然后and and name，然后等于value的方式，对吧？然后来发送的请求参数方式，然后发送发送的请求参数一定要看好啊，好，然后所以说呢，这个数据它是怎么传输到服务器中的，你看我们可以通过它传输请求参数，也可以通过它传输请求参数，那它俩有啥区别，首先格式不一样，然后它是以这种方式发送的请求参数，然后这个是以什么方式，大家注意啊，然后是以g son，是以Jason格式，是以杰森啊，或者说是发送服发送到服务器一个JA格式的请求参数与阶层格式，然后来发送的请求参数，这个大家注意啊，好，然后那我们再来说它的第二个区别，第一个区别就是格式不一样。

然后第二个区别呢，就是它存储的位置不一样，大家注意，然后你如果说咱们用的是传输的请求参数，那我们现在咱们需要干什么，大家注意不管啊，然后咱们使用的请求方式对吧，然后是get，然后或post。能看懂吧，然后在这这个数据都会怎么样拼接到这个数据都是怎么传输到服务器的，好，然后这个啊请求参数，然后都会被拼接到，被拼接啊被然后拼接到咱们的请求地址后，被拼接到这个请求地址后，地址后。先让大家看啊，然后都会被拼接到咱们的请求地址后，OK啊，看好，不管是get或post请求参数都会被拼接到请求地之后一定要看好啊好，那在这呢，咱们就再换一个行呗。

来大家看，这是我们当前咱们的第二个区别啊，然后呢，它是怎么传输过去的，然后它的传输方式呢，对吧，然后请求参数，然后会被保存到，保存到咱们的请求报文的请求体，然后传输到服务器，传输到服务器。好，这是它的第二个区别，会被保存到请求报文的请求体传输的服务器，那所以说如果咱们要来设置这个data这个请求参数的话，那我们当前的请求方式必须为post，为什么？因为post有请求体，Get没有请求体，OK吧啊，Get是没有请求体的啊好，然后下面呢，我们再来看它的第三个区别啊，大家注意它的第三个区别是什么？第三个区别就是此种方式方式的请求参数对吧？然后可以通过request.get per。

T get parameter，然后来获取，也就是说这种请求参数啊，非常的普通，其实就是我们之前咱们用过的请求参数，直接用request get parameter。来获取就行，那咱们的SPVC里面。是怎么来获取这种请求参数的？直接通过我们当前控制器方法的行参。就可以获取啊，然而我们当前以这种方式来传输的请求参数，大家注意，你可不能干嘛呀，不能直接通过request get parameter来获取啊。然后这个大家知道该怎么获取吗？就是我们的Jason格式的请求参数，在请求题里面保存的，怎么获取啊？最原生的方法啊，这个大家知道就知道，不知道的话啊，然后也无所谓啊，然后呢，这个东西其实也其实也挺简单的，咱们只要有这个处理阶层的一些架构就可以啊，然后如果我们当前咱们是这种方式的话，我们需要干什么，首先呢，在原生的solve里面，然后我们需要啊，然后去这个获取我们当前的一个请求体，获取完请求体之后来使用处理阶层的价包，比如说我们之前学习过的叫做基森。

啊，就是谷歌提供的一个价包，还有呢，就是咱们的fast杰森，对吧，或者说是杰克，然后像这些，然后他就可以直接将我们当前咱们所获得的这个请求体中阶层格式的数据，然后呢，直接将它们转换成我们的Java对象。是这样的啊。这个大抗，所以说它的获取方式也是不一样的，然后咱们普通的请求参数，就是以它传输的请求参数，我们是可以通过它直接来获取的，然后在spring mvc里面，就是通过我们当前控制器方法的行参直接获取，而如果用这种方式的话，大家注意啊，咱们是不能直接通过它来获取的啊，好，咱们也是把它给洗拿过来，放到这个位置，它的三个区别，然后大家看啊，这是第二个，然后第三个区别，然后此种方式的请求参数。

此种方式的请求参数它不可以，它不以通过request get parameter来获取。OK吧，那需要怎么来获取啊，简单说一下啊，需要先来读取我们请求体重的数据，然后再通过咱们当前的一些处理杰森的加包，比如说杰，比如说杰森，比如说fast杰森，比如说杰克森，然后将我们当前咱们所获取的请求体中的数据转换为Java对象，如果你学过，那大家就回顾一下，如果你没有学习过的话也无所谓，那我们现在主要来讲的是spring VC该如何处理这些数据，OK吧，行好，那我们以后咱们用的比较多的方式是什么呢？大家看好啊，就是axls叫做X点啊，然后直接get，然后或者说是post就可以。

知道吧，直接get或post就行，那下面大家来看，你看这是我们当前咱们的act的官网，咱们把文档给打开对吧，然后呢，大家看一下，你看这就是的一个写法，你看method，然后URL还有一个data对吧，然后这里面没有paras，大家如果想找的话，你从哪找，在这找啊叫做请求配置。对吧？URL请求地址method的请求方式，然后下面咱们来找到pers，然后呢，是即将与请求一起发送的URL参数，什么意思？什么叫URL统一资源定位符吗？这不就是咱们的请求地址吗？也就是说通过paras然后发送的请求参数是拼接在咱们的请求地址后的，知道吧，在这给大家写的有大家看，然后呢，这个pers，然后呢，它的请求参数，然后不管你用的是get还是post，它最终都会被拼接到请求地址后。

有团老师这post发送请求的时候，不是会把请求参数放在请求报文的请求题中吗？但是大家看好，现在它是咱们之前说的那种方式，是表单提交。知道不？然后所以说在X发送阿贾克斯请求的时候，然后呢，它的规则就是什么，不管你用的是get还是post，如果你用pairs来发送请求参数，那这个请求参数都会拼接到请求地址后，大家看好啊好，然后下面呢，我们再往下看来，然后大家注意在这还有一个data，你看这个data是干嘛的呀？然后是作为请求主体被发送的数据，什么叫请求主体？就是咱们的请求报文的请求题，然后只适用于这些请求方法，Put post patch，然后大家会发现这里面是没有get的，为什么咱们认识的啊，这里面是没有get的，为啥没有get？因为get没有请求体，能听懂吧，因为get大家注意它是没有请求体的。所以说如果咱们要用data传输数据，那我们当前的data的数据是不是要被保存到请求报文的请求体中，但是get有请求体吗？没有啊，所以说如果我们要想来使用。

Filter，那大家所使用的请求方式，这个一般情况下咱们用的都是post OK吧，行，那咱们这个就说到这儿，然后下面大家再来看，你看咱们平常用的是谁，就是点get，然后点post。然后为什么？因为它比较简单，你看咱们从方法名里面，咱们就知道，这不就是get的请求吗？这不就是post的请求吗？对不对，然后咱们这里面还需要去写大括号键值对吗？不需要，这里面写的直接就是参数，第一个就是咱们当前的请求地址，然后呢，后边就是我们当前咱们的一个配置，后边大家是可以直接写大括号的。大括号键值都是跟咱们之前咱们所说的这个X里面，咱们在这去配置的一些属性是一样的，知道吧，这样的啊，好然后但是呢，你看这个X，但是其实咱们现在呢，大家看你看我们这个不是表示请求方式嘛，这个不是来表示我们当前咱们的请求路径嘛，请求地址对不对，好然后所以说呀，我们为什么咱们要来使用它，因为其实如果咱们真的要使用这个get请求来get请求方式来发送一个请求的话，其实我们只需要知道一个谁就可以了，URL就行。

OK吧，咱们只要知道一个URL就行，然后你看这post里面跟它的区别是啥？Post里面是不是除了有URL，还有这个config之外，在这是不是又多了一个data，也就是说我们当前的post里面，我们可以两种方式，咱们是不是可以传输两个参数或者三个参数，第一个是请求地址，第二个默认大家注意是以什么方式传输的请求参数，De的方式传输的请求参数，为啥get里面没有再说一遍，因为你的get没有请求体，而咱们的data方式传输的请求参数，它是保存在请求报文的请求体中的。

OK吧，可能有同学会问老师，如果我现在我要用这两种方式传输cameras方式的请求参数怎么办？你要么啊，然后把它给写到config里面，你要么干嘛直接把它给拼在咱们的URL中，为什么？因为我之前呢，在笔记里面跟大家写过，我说我不管呀，你当前用的是get还是post，我们当前所传输的这个请求参数，你用paras来传输的请求参数，就是name等于value and name等于value那种方式，它都是会被拼接到咱们的请求地址中的，知道吧，就是问号传参，就是问号name等于value and name等于value这种方式，所以说大家看好。然后呢，如果大家需要传输的是name等于value and name等于value，你可以在后边用conf来设置一个pers，然后大家也可以直接干什么，直接把它给拼在请求地址后，我一般情况下我用的啊，就是咱们直接就用这个点post或x.get如果说我现在要传输一个Jason格式的请求参数，那我就用x.post如果说我要来传输，如果说我不需要传一个杰层格式的请求参数，那咱们用get跟post没有什么区别。

然后那如果我们现在需要来传输的是pers方式的这个请求参数的话，这个时候怎么办？然后直接把这个数据拼接在请求地址后啊，就是谁就是这个URL后面就可以了，知道不？这是最简单的方法啊好。行，那我们现在咱们的anxious呢，咱们就已经回顾完了，对吧，然后呢，那我们下面就可以来进行一个测试了，对不对，然后大家来看，咱们就用这个get或post，然后来发送一个阿贾克斯请求啊。