day01【后台】搭建环境/49-尚硅谷-尚筹网-环境搭建-表述层-Ajax-发送数组-方案三

哎，就是我们这个笔记里边标记一下啊，就是呃，重大的改变在于这个，呃，我们。这几个地方来调整了。这个倒是也能发过去，但是我们还是觉得比较麻烦。啊，然后这边接收呢，是用这个类型接收的。啊对，我们也拿过来哈。所以说呢，我们确实需要一个更优雅的解决方案。优雅啊。什么叫什么叫优雅呢？我心目中的优雅女神。这你不能反驳吧，对吧，这最优雅了对吧。啊，我我我非常我非常喜欢，我非常喜欢赵雅芝。你们，你们没有看过吗？

啊，这么经典是吧，这么经典是吧，这么经典。呃，生活中其实我们什么叫优雅？其实你出门去干啥哈？就举个例子，你手里拿的东西越少，你越优雅。对吧啊，你要你出门，你出去旅游，你如果带着被子带着锅是吧是吧，还得整个大包背上，那你这个就不如人家就带一个悬，就带上手机，带上银行卡就够了是吧，你看，所以说其实优雅的背后就是你得有经济实力，对吧，哎。对，所以说这个到说到最后呢，其实还是一个钱啊，所以大家就好好学习啊，你得像幸福来敲门一样，你得有目标啊，哎，你为了实现目标，你得有思路。没错，结果上几天课，我们都魔怔了。

呃，好，下边咱们说第三种方啊，说第三种方案，咱们来再再再来一个按钮。第三个按钮。第三个鸟，咱们把这一套呢，是复制一下。这改成三。这改成three。嗯，然后呢，这回要发这数据啊，就关键就是在这儿就不这么发了啊，这个数据呢。我们在外边哈，准备好要发送到服务器端的数组。哎，GS生命变量叫沃啊沃一个。五八十二。那然后呢，这里边儿得特殊加工一下。

呃。我们这个。这个东西呢，你看是一个计算数组哈，当然如果我们这么写的话。就是比如说这个name等于name是汤姆。呃，H是12哈，这是不是，这是个阶层对象吧。哎，那么这个阶层对象两边是大括号。这个呢，我们可以叫杰森数组。这个对比这么来说没问题吧，这是阶层对象，这是接分数组，我们下边要做一个事儿呢，把这个阶层数组啊。转换为这个杰森的字符串。诶，这个字符串呢，就作为将来我们的请求体。怎么转呢？接点string.ify。这个是必须得转一下啊，这个是人家这边要求要这么发的话，必须得做这么一个转换啊，那有同学可能说，那你阶层数组和阶算数串有啥区别呀。

嗯，你看啊。我们console哈，在浏览器的控制台打印一下。这个ara哈，它打印下他的认识。然后呢，这边request body呢，也打印一下这个Les。嗯，哎，然后呢，看一下啊，看一下它的这个区别。这个得一会儿运行才能看到，我先说一下啊，数组就是这样的，你可以用下标访问五八十二，但是如果是这个转成字符串以后呢，它就会变成这样的。它就整个是放在这里边。那么这个东西和这个还是不一样的吧。哎，你这个呢，下标一访问的是五，而这个东西GS也允许你用下标去访问，你访问到的是这个方括号。

再往下，再往下应该是这个，再往下应该是他。说这个东西和这个东西是从GS这边，它确实是不一样的。啊，这个地方得做这么一个转换啊。嗯，然后呢，我们下边哈，就把这个东西。哎，放在data这。哎，这是我们的这个请求体啊。请求题。嗯。这个时候呢，除了要设置这些，还还得必须得设置一个content type。告诉服务器端，我这回呀，发给你的是。结算数据。哎。请求体的内容类型。意思是告诉服务器端，本次请求的请求体是杰森数据。

这个是必须的啊，写着application，杰森告诉他级啊，是他。啊，这是我们解剖的代码呢，需要注意的啊，需要先转成字符串啊，将来哪怕这是一个结算对象，也是做这样一个转换。然后呢，还得去设置一下这个请求体的内容类型。有了这个以后。我们再去，再去这个。Handle的方法，再写一个。Response body。Request mapping。A twist c e I。哎，然后呢，这边我们的主角终于登场了。Request body。

嗯，就它就直接和我们这个请求体的类型去相对应。啊，这里边就是我们这个。嗯，然后这边比如说是numbers number。对，这个咱们不应该用set out打印是吧。咱们应该是。Factory。学了咱们得用一下是吧，Get class呢，可以this get class也可以用类名加class。拿一个log。比如说呢，咱们第八个in。然后这个number。重启一下。我看看啊，对，这边得写个，我说寻我就寻思着没写完。好嘞，跑一下试试。

嗯。过来哈，点他success。然后我们看一下这控制台的打印哈，诶你看这个都是打印这个长度，字符串长度，你这这个都是打印长度，这个数组的长度是三，转换成字符串以后呢，它这边长度是八了。这怎么算的呢，这个一。23456。也不够是吧，就反正是咱就知道它确实是不一样就行了，咱就不用一个一数了哈。没有必要，那个就没有必要了，然后呢。来我们看一下这个打印哈。看一下这个打印，哎，这不是number等于五，Number等于八，Number等于12。

也就是说这个版。嗯，就是发送数据的时候注意一下啊，要转成字符串，要设置这个内容类型。这两点，然后这边呢，得用筷子包体去去接收啊，就然后这个东西和我们请求体啊，是是正好就是说它是完全是对应的。我们这个请求体它也发生了变化了，它变成这个request。啊，这个叫paylo了，它变成这种形式了，诶。它变成request payload了。哎，就是。这是注意哈，就是它的，这是在浏览器呃，开发者工具中看到的。请求题啊，注意是这个request paylo的这种形式的。

然后呢，他的query代码。嗯。铁块代码。有点多啊，但是大家注意我们标记颜色的这个是原始的要发送的数组。然后这个时候呢，我们用这种方式转成字符串。诶，然后这个东西就是我们要发送的。还有就是一定要设置这个content type。哎，把它设置成这个计算格式。啊，这是解块代码需要注意的，然后呢，我们下边这个handler代码。哎，你看他也不需要，呃，不需要我们去，呃，多写一个实体类，也不像这个再多写个方括号啊，这个就是正对应啊，正对的是什么类型就是什么类型，只不过需要加个request request body。

I。这是我们接收的方式。啊嗯，那么还有就是说我们以以之前之前的方式哈，其实大家注意观察一下，现在这个视觉快速披漏的，那么之前的这个方式呢。你看他是叫form。Form是表单式数据，这个呢就是表单数据的格式。啊，你提交一个表单，这边这看到也是form data啊，就如同是你提交一个表单一样，但我们现在改了以后呢，就不是说提交个表单了。

诶，这是我们说。在浏览器开发者工具中看到的请求体。这个是form data这个形式的啊，哎，那同学说这个什么时候说我们需要去，呃，加这个请求体啊加加这content type加这个。就是说你这边请求体是request paylo，而且整个是一个杰森的时候。啊，就在这个时候是需要去加的。