60_尚硅谷_书城项目_发送Ajax请求更新购物车信息

下面啊，我们来通过这个Ajax来实现一下我们这个购物车更新购物项的数量这个功能，诶我们之前这块有这个点，我的购物车啊，之前这块呢，输入这个数量，呃，比如输入一个六，然后呢是刷新的整个页面请求发过去之后呢，最终呢，这个给我响应过来，然后呢，再解析这个，先把这个内容啊把它给想过来，我们找到我们这个请求啊，先找到我们这个购物车，先把这些都关掉。啊，都关掉，找到我们的cut。找到我们的购物，看购物车啊。找到我们的cut handler找到我们的页面。Windows里边的cut cut点一天面好来我们这个，当我们修改购物项的时候，在这块我们给它绑定了一个change事件，在这获取这个购物箱的ID，获取这个图书的书入的一个图书的数量，然后呢，用location发的一个请求，哎发请求呢，现在呢，我们想的啊，因为只更新了三个地方，诶局部整个页面里边那个局部的三个地方，我们说哎没必要刷新整个页面，所以呢，我们来通过这个Ajax发个请求，让他局部刷新，诶刷新那个总数量，总金额，还有金额小金那三个地方。

好，我们先来看一下这个update cut item，我们先找到这个处理的这个处理器函数update cut item啊在这啊在这获取ID，然后呢，获取这个呃勾项。的ID，然后呢，转换转换成in特64获取这个数量，诶也转换下面的获取session，获取session之后呢，呃，得到这个购物车，得到购物车之后呢，得到购物项，找到我们那个对应的购物项，然后下边这个dau的更新，哎，更新购物项，更新完购物项呢，下边是更新这个购物车里边信息，最终呢，我们又调了一下这个查询购物车里边信息啊现在呢，我们不这样处理了，我们先把前端页面这块改了啊，把location注掉。哎，不用location了，干什么呢？我们要来发这个异步请求，哎，通过A来发请求，所以呢，在这我们来设置这个ul。

一个URL。等于。写个嗯，Update cut it后边的参数呢，我们就通过这个阶层的格式给它传过去了。CTRLV，好，下面呢，设置请求参数。问，一个pairs等于。打广告。第一个属性叫一个cut item。Cut it ID。冒号，我们得到了一个cut item ID，好，第二个。这个。冒号。一个count。好哎，这是请求参数，然后下面呢，我们来发送这个a Jack请求。

那我们就发post了啊，到了点一个post括号，URL传进去，请求参数columns传过去，然后里边是一个function回调函数is。好诶，这是发了一个这个a Jack请求A价请求，好啊，这个我们在change事件里边呢，呃，最终呢，不用location发请求了，我们发一个异步的一个请求A价请求，那在后台这一块我们来获取完之后呢，最终这块啊，我们也不调用它来查询了，把这个注掉。然后干什么呢？我们在这来获取一下购物车里边这个信息啊，看里边这个有没有，诶我们想得到这个信息，或者我直接把它这个给响应过去是吧？诶响应这个想想应阶算格式，给它响应过去，我们需要转成一个阶算字符串啊，我们先在这来获取一下，看里边内容有没有，有没有变啊，这个fmt，嗯，点一个。

我们得先获取这个购物车啊，得到把购物车更新，更新完之后呢，哎，我们在这儿呢，哎，这个cut。哎，这是这个卡，诶，更新完之后，我们再来获取一下这个购物车里边的一个信息啊，先打印一下，我们一会再在前台再响应啊line，哎，购物车。哎，中的这个信息是好逗号cut，好，我们来运行一下啊，Ctrl c go build，慢点go。慢点，一个exe好来。购物车。好来诶修改一个值啊，这个现在是16，我们把这个呢，改成一个14，一共是20本。好，哎，我们来看。嗯。16。诶，总数量还是16，诶这块我还得再查一遍，对吧。

诶更新啊，更新完之后呢，数据库里边的变了，我们现在这个里边呢，还没变啊，还没变，这个数据库里边变了，所以等我这块还得再查一下啊，再查一下，所以呢，这个我们在这查询一下数据购物车啊cut。等于get一个cut。不是有by u的ID吗？User get cut by user ID啊Du Du do.get cut by user ID里边传一个user的一个ID忘了啊，得再查一遍啊，再查一遍这块的职业等了好，那查完之后呢，这个数量我们看一下有没有变啊。慢点，够。现在呢，不刷新整个页面了，那我们现在后台看一下这个数量是不是已经更新之后的购物车。

好20 20呢，把这个再改成16。一共是30，好来看。好没问题啊，三十一共是30本图书，总价是1034，好，这两个可以拿到，诶可以拿到，那我们现在啊，要把这个数据给响应过去，那这个时候该怎么办呀。怎么办呢？那我可以我直接用w.right直接写过去了，对吧，那么写过去之后呢，这个时候呢，我可以这样啊干什么呢，我先把它比如转成这个杰森，像这个cut，像这个购物车，但是转完之后呢，总数量跟总金额好获取，但后面这个呢不好获，我们先转了啊像cut干什么呢？哎，转换为杰森一个字符串。来，杰森。等于。

杰森点一个叫啥Mar Mar是这样吗？然后呢，Cut。来啊，把它这个转成这个啊这块。好转成这一个，呃，杰森转成杰森，转成杰森之后呢，我们把它给响应响应过去啊响应。响应到这个客户端浏览器。来W点一个。那边传一下我们这个节水保存好显现过去之后呢，我们在这个前台这块呢，我们来alert一下啊alert一下看一下这个字符串。RESIS。来好，这个写完之后呢，继续CTRLC勾l build慢点一个勾。

慢点，一个exe，好，哎，来购物车。好来改一下啊，这个呢，改成一个四。好，诶来看这是这个，呃，将后在后台将购物车转换成阶层字符串之后呢，响应过来的一个字符串，我们来看啊，这里边有没有我们想要的一个，呃，总数量。你读数量怎么不对呀，怎么还是20啊。不应该是啊对对对啊对，哎，不是30啊，我改了啊，16加四二十对着呢啊对着呢，呃，总数量是20没问题，呃，总金额是484，那我要做的是不是取到这两个值放到这里就行了。对吧，哎，这两个好放，那关键是当前这个购物项，后边这个该怎么办。对吧，这个值该怎么办呀。这个值是不是在购物车这个切片里边啊。

在这购物车这个切片里边，怎么拿到它呀？这个怎么办呀？哎，这两个好办啊，这两个好办。主要是这个当前购物项这个值你还得更新，它不止是更新总数量跟总金额呢。这个怎么办呢？那么这个在这个切片里边，诶你这个，呃，其实呢，我们能拿到切片里边这个值啊，但是呢，这个索引。所以你不知道，你不知道我改的是切边里边的第几根呀，所以你在前面取的时候，那个索引不能写写死啊，不能写零啊，也不能写一啊等等你啊，那这个怎么处理一下呢。那我是不是这样，我可以这样啊呃，第一个解决方案我们可以怎么解决呢？当然在这便利这个里边的，然后再取也可以啊，或者我在后台干什么，我在后台把当前这个购物项里边，诶更新之后的那个数量呢，诶我诶直接诶最后啊更新完之后这个金额小计我给它拿出来，拿出来之后呢，哎，也就说我从购物车里边把这三个值呢，单独给它拿出来，拿出来之后我单独把这三个值想应过来可不可以。

可以吧，诶可以啊，我单独把这个购物车里边这个总数量，总金额，还有当前购物项的这个金额小计给他单独拿出来，可不可以，可以吧，单独拿出来之后，把这三个值，哎，比如放到一个切片里边。我这个杰森点马转的时候，这里边传什么类型呢。是不是什么类型都可以啊，对吧？诶接口吗？诶空接口，所以呢，我可不可以把购物车的总数量，总金额还有金额小金这三个值给它取到，如果放到一个切片里边，然后呢，转成接S格式可不可以可以吗？所以这块啊，因为这样呢，你取不好取那三个值不行，怎么办呢？我们这样，哎把这个又删掉了啊哎删掉了，我现在呢，查到这个购物车里边之后呢，我来获取，获取什么呢？获取购物车中这个图书的这个总数量，我先把这三个值拿到，哎，来掏偷。

Total count，诶等于，诶等于什么呢？Cut，点一个total count，这是不是总数量拿到了同样来总金额获取购物车中读出的这个总金额。Total amount。等于cut点一个total amount，好，这两个只拿到了，还有一个，诶获取什么呢？获取这个购物项，你更新的购物项里面那个金额小计，你还得获取呢，获取我们的购物项。购物车中购物项更新的购物。

中的什么呢？金额小计。就是那个里边的amount我也得拿到，那这个拿的时候怎么拿呀。这个拿手费劲啊，前两个好拿，这个拿呢，你还得拿到它里边那个。是不是得获取所有的一个购物项呢，这块啊，这个拿入有点费劲了啊，Cut了一个it斯，诶得到它，哎，然后呢，等于诶我的这个cut特点一个。Cut it斯，诶，这是所有的勾项，然后呢，我们这块来来这个便利。Four。Key。下划线了啊，V等于cut it4好，然后在这里边呢，我们来获取啊获取。

If if什么呢？我们这个购物项的ID是不是传过来了？Cut it.id好啊，没问题。也有个什么呢，这个cut a。ID如果等等于这个V点一个。Cut item ID，哎，V里边的，哎，那这后呢，这个就是我们要找的那个勾物项，嗯，这个就是我们这个寻找的勾象，然后呢，哎，我们此时获取什么呢？当前勾象勾象中的这个金额小技。好哎，就这样来获取啊，然后这里边是是一个叫一个amount。就等于V点一个amount好，但是这个值呢，我得拿外边是吧，看这是什么类型的啊FLOAT64。所以这块呢，我们来这个。Word一个amount float64，好在这呢，我们把amount给它赋值就可以了，保存好就是这个啊。

一直打。卡啊，这个呢，说没有新职。嗯，叫CIS。CIS。然后这块嗯，V。哦，String，我这是不是转，有人转了一个值叫I卡塔啊，哎，好。哎。哎，好。好了啊，没问题了，哎，没问题了，那现在呢，经过这个便利之后呢，这个amount，诶amount就有值了，也就是说那现在我这个total count有值了，这个total amount也有值了，Amount是不是也有值了。

对吧，哎，都有值了啊，都有值了，这个total count，这是这个INT64，好，那现在有了这三个值之后，诶，我得把这三个值。比如放到一个地方，是不是用这个杰森来把它转一下啊，我这个声明一个声明一个什么呢。声明一个切片，现在我要声明一个切片，我要把它转的话，现在这三个值的类型不一样吧。INT64。FLOAT64 float64，那把它三个放进去，我就声明一个切片，声明一个什么类型的呢。什么这样，我我把这三个值都转成字符串可以吧。诶，可不可以都转成字符串之后，我声明一个这一个string类型的切片，是不是就可以把它放进去了，对吧？诶所以啊这块哎这块哎我们来这个，哎声明一个什么呢？String型的一个切片，这样的显示的时候啊，就原封不动的给我显示啊，这样这样就可以了啊声明一个string性的一个切片来word一个呃叫一个什么呢？呃，这个这个叫一个para尔斯吧。

数据叫data，哎，Data，哎，中括号里边那个string，好，哎，生明这样的个切片，那生明这个切片之后呢，下边我是不是得把这三个值进行转换了。对吧，来啊将这个什么呢，总数量。总金额。还有什么呢？金额小计，诶转换为字符串，那这个转换怎么转换呢？还记得吗？Str一个total count。就等于。嗯，那个叫。String。Convert点一个。Format。

我买一个。Int，我们先转这个有一个int类型的值吗？不是total count是int的啊total count是INT64，好，INT64，所以呢，我们先先来转它啊括号，然后这里边来看一下啊，传一个印子的一个传一个这个值，我们这个叫是total。Eight。Total count total count，好，后边传一个base int。贝斯，这个意思是啥呀？进制是吧，十哎十好就这样啊，转成了一个字串，这个总数量转成一个字串，好下边同样。继续。String，一个total amount。就等于。来stream water，点一个format一个float少了一个。点了一个format float括号，好诶这里边呢需要传几个参数啊，看一下啊，第一个呢是FLOAT64，我们先把这个total amount传进来，第二个参数是啥？

But。这个BAT是。转成几进制是吧。点点你看这个之前学的都忘完了是吧。E逗号。这个呢，是。二。这个好像是。这个好像是这个E代表的就是十进制是吧。然后呢，后边这个好像是保保留小数几位吧。对吧，然后呢，最后一个参数。最后个参数被，呃，Bed side这个也是。这个是啥？这个是精度吗？

那这个呢。我们我们去看一下文档来啊，这个文档。来啊，Format format这个flu来看啊，这块64，呃，BA。Fmt这块，如果F是它。D是二进制，E是。十进制数对吧，然后这个PREC控制精度对它来说是小数点后边的这个。个数对吧，哎个数啊，就是你要保留小数点几位对吧，哎几位，然后这个bad size。这个就是啥呀，64啊或者32对吧？哎，64或32啊好啊就这样了，然后呢，这个一呃十进制，然后呢，让它保留两位小数，后边呢是一个六十四六十四好哎，这这个啊，我们把它转换成这一个呃字符串，那同理还有一个复制一个把这一个。

Amount，还有这个amount也进行一个转换，String amount。好这块呢，是一个amount a好amount保存好，诶转化完之后呢，我是不是得把它添加到切片里边。对吧，哎，加这个不写读式了啊，直接什么呢？Data等于a pen的data。逗号第一个是string。涛涛。Count。好，第二个是。Total amount total amount。诶，下一个是amount，诶。Con c。

Amount，自己写自己写吧啊。叫一个str。好，就是这个啊，把这一个string total count total amount，还有amount给它放进去，好，下面呢，将这个data转换为Jason串。好诶这里边呢，传一个data保存好，诶，然后呢，响应过去，响应过去之后，这个时候我们来看一下啊，是不是我想要的那三个数据。来，CTRLC。Go build，慢点一个。卖掉一个exe。好来，嗯，这个关掉了啊。购物车。我们找一个好算的啊，这个是。这个是220，然后呢，我要把这个改成十的话，这是165。

165加220。是385对吧，好啊，哎，我把它改成十改成十，一共是14来看啊，十四三百诶。385啊，这是十进制数了是吧。165好，没问题啊，这个没问题，但是这个变成这个，这这就不行啊。科学计数法是吧。那这个能不能直接就转换成这个。对啊，这样转还不行啊，这样不行。不行，这个怎么办呀？对，这样转是科学计数法啊，有没有一个直接转成字符串的呀？哪哪个。啊，直接IV是吧。那转这个int float double都可以是吗？不是这个INT64，还有FLOAT64 32都可以是吗？

可能比较强烈。对转字符串int转字符串可以用那个，那flu呢。啊，这个没有一个直接。转成字符串了吗？你就这样整个科学基础法这个值是对的，但是就显示的太非太太不爽了是吧。来啊，找到我们这个，哎，来看一下啊，还有没有这这个用这个这肯定不行。我们的那个那个那个转换的呢，String water呢。String convert。好啊，在这儿。啊，Pass float这里边呢，得到的是一个科学计数法，这这怎么能行呢？Flute。啊，这是这是转那个，就是转那个float是吧，我再转字符串INT64呃，无符号整数版本。

哎，我是不是调这个就行了。啊，对，这是int的啊，Float float就这一个呀。就这一个二进制，十进制数。弟弟。这个不行，哎，我这个不能不能用这个来表示。啊，用这个转。Fmt点。啊，F。呃，格式化是吧。百分之V。Fmt里边的啊，哎，我们用这个啊，这个不行了啊，这个我们经过尝试呢，哎，不行了，所以呢，我们得得换一个啊，得换一个FMFMT。

FF。Fmt。来啊，找一下这个啊，Spring。对呀，我要转这个转字符串分子F在哪呢。啊，就这个啊，就这个这个是。讲一个。这不还是传的字符串吗？这个呢？来接吧。

我我我用这个行吗。放一个吗？对吧。来啊，我们这个呢，刚刚用用那个默认的转换的不行，这个用科学计数法最终显示的响应过来的这个值是对的啊，但是你要这个用科学计数法的显示肯定不行。把把E改成F是吗？呃，把这个改成FF是啥呀？F。FCTRLC来啊，Go build，我们现在这个呃。卖掉一个现在这这么小的数，用科学计数法那多不爽啊。你又不是几个亿是吧，多少个亿来啊，我们再来看购物车。现在呢，我们要把它改成这个，再改成一个十，哎这个好，哎这个可以是吧，哎，这个可以715。

七百十。550。这怎么是715？百哦对对对啊好啊对着呢啊啊这个可以啊，这个可以，哎把这个改成F，那F是啥呀。我们刚刚看的spring来看啊。Convert f。Format float f是。杠嘀嘀嘀，杠嘀嘀嘀嘀。啊，就是这个是吗。那这这个没有说什么什么数啊好F啊F可以好F可以现在啊我这个数据呢，响应回来了，哎响应回来了，那在这呢怎么处理啊，呃，这个用这块发A这词呢，处理它很简单，现在想应过来的是不是一个字符串，对吧，你来啊点一下它注意啊，我现在比如说改一下20，哎现在想象的是一个字符串，我们要做的是不把这个值是不是放到指定的位置都可以了，哎这个放也简单，那你解析这个字符串哪里边的值比较费劲，哎，比较费劲，哎那这个时候怎么办呢？哎，我们可以把它转成接算格式啊，这转成对象，怎么来转成对象呢？只是这样。

你把这个逗号在这指定一下这个杰森，哎，你告诉他我想应过来是一个杰森，哎，那这时候呢，哎，它就自动呢转成一个对象了，哎转成一个对象了，那转成对象之后呢，我们在哪里边那个值就方便了啊，就方便了啊当然呢，我们那个数据也得改一下啊，也也得有这个属性，根据那个属性呢，就能拿这个值了，根据属性就能拿值了啊在这块我们只需要因为我们这个dollar.posts的发这个请求处啊，之前我们这个看过一眼，在几块这块呢，它需要指定一下这个呃响要数据的一个类型，我们现在的默认是想要那个字符串，所以呢，它弹出来是一个字符串，你如果要把它改成这个杰森，后边这个typeb你改成JS之呢，呃，它就呃这个接接收这个杰森格式这个数据，而且这个解块能自动呢，帮你把这个呢，转换成一个对象，那我们有了一个对象之后呢，直接点属性就能拿到后边的值了啊拿后边值了，所以这个显示呢，哎呃，那这个显示我们这个下午再说吧，啊下午再说吧，还是现在说了呀。

那现在说了好啊，那我们把它改成这个阶层之后呢，诶来我们这边再。你看这个时候啊，那那我们后边呢，这块得处理一下，我们这个转换成杰森之后呢，这块得整成这个，呃，杰森格式的啊，现在转的没有属性，我没办法没办法拿呢啊没办法拿，没办法拿这块。

对，我这块拼的时候。拼的时候还不好拼呢。我现在能拿到这个值，哎，但是呢少属性，哎少属性我没办法通过对象点属性拿对应的值。那这样啊，我们这个有办法啊，干什么呢，我这样。那我新建一个。杰森点勾，我创建一个结构体，还可这样啊，我们这样就省事了啊，就不需要再自己再转了，刚刚费了半天劲，这个是最简单的一个方式，Tab，诶什么呢，整一个杰森不能不能写它啊，写一个什么的data吧，Data structure来啊，我们整一个结构，然后呢，里边我们把那个总数量的总计给它放进去就可以了，头头一个count。

先写一个amount啊，Amount amount是一个float，一个六四，所以啊，这样简单啊，Total一个amount float一个64，哎，整一个结构是最简单的，整一个total。Count，哎，总数量to count，诶这是一个INT64 int64好啊，有了这个之后呢，下边我们刚刚做的那些东西呢，就就不用就不用整了。Data，一个结构。好地道结构。来啊，有了对大结构之后呢，我们刚刚做的这一堆，其实这些东西都不用要了。干掉了啊干啥呢，有了这三个支出呢，我来创建这个结构就可以了，创建什么呢？Data这个结构。

A塔。And model点一个。对。还没有是吧，来。里边直接是第一个是amount。就是我们这个amount好，第二个total amount，就是我们这个total amount好第三个。嗯，Total count，所以啊，这样这个最简单了是吧，Total count。好，得到这个之后呢，下边呢，哎，我们这个把这个哎来转一下啊，把这个来转一下这个。那直接直接摸到它就行，不用写这个了，这里边呢，传一下这个data，然后转成一个健身的串，把这个健机身的诶响应过来，响应过来之后呢，我们在这块来看一下啊，我们先这个让它默认是字符串，我们先看一下这个值啊，看一下这个值，哎，看看有没有问题，所以呢，写个结构啊，写个结构最简单。

也不需要转了，CTRLC勾build，慢点一个勾。慢点，一个exe，好来，再来购物车。好诶，20改成十走好，AMOUNT165TOTAL7715TOTAL count20好啊，这个数，哎，我们把它来变成介词逗号。杰森好，哎，这时候呢，哎，他就刷新。来啊，再改成一个。十。15哎这块呢，又变成对象了，就变成对象了，那变成对象之后呢，我们直接对象点属性的方式就能拿到值了，哎，比如我们在这块啊R点一个total count保存好，诶来试一下。

刷新。这是15，我们再改成十，一共总总数是20，哎，所以呢，这时候就能拿到20了，哎，所以啊这样呢是最简单的啊，最简单的就不用啊，刚刚写了这么多什么再转啊，再再再这个拼成一个切片，那拼成切片之后呢，没有属性了，转成对象之后拿不了里边的值了啊，可能我们又串联了一个结构啊，串了一个结构好，那现在呢，我们这个可以拿到，可以拿到之后呢，我们就要做的就是把它放到指定的位置就可以了，来找到我们这个总数量。这个SPA往后翻。呃，有几件商品这块呢，我们可以给他整一个ID。ID叫什么？Total count？好在这块呢，整一个total amount total amount，好哎来设置，哎直接更改就行了，在这个函数里边来function这块，哎，来删掉。

哎，设置这个总数量到了服。括号井，Total count。点text括号res，点一个total count，诶这个呢，总数量就设置进去了，设置进去了，那这个啊，诶我们来试一下。刷新十改成一个20。好哎，变成30了，哎，变成30了，好哎，继续下面呢，同样的道理，设置总金额。设置总金额Dollar符括号仅total一个点text。括号re，点一个total amount，好，这是设置总金额，设置总金额好，哎，保存来，再来刷新。二十三十我们再改成十啊，再改成十十。

20这个。总金额。静安。你总金额变了吗？20，这是165。哎，不对呀，怎么是八百八呀。Res，点一个total amount。总数量。偷偷。Total amount。Total count total amount，诶，不对吗？那改一个啊。对，这个才对呀，怎么没变呢，十。把这个啊改成一啊改成一，改成一都改成。这个也改成一。二然后呢，它加它应该其实诶对这个怎么不变呢。

R点。哦，这写错了。Total amount total amount，所以啊，这块应该没问题的啊，购物车来，再来十。对不对呀，165加55对吗？哎，这是对的啊，这两个设置还比较简单，那么这个设置该怎么办？进而小鸡这个设置该怎么办？我是不是得拿到这个竞争小技这个。金哥，小弟是不是在这儿啊？啊，在这这个该怎么设置啊。这个该怎么，怎么得到这个基地呢。我我这个不能给他设置ID吧。对吧，也不能设置class啊，你设置class这里边这个所有的购物项，这有好多勾物项它都改了啊，这个怎么办呢？所以这块啊，这块你都得先在外边先获取它在我们发AJ请求之前在这啊，发送Ajax请求之前我们在这呢，来获取一下这个分号忘记了啊，这些分号都忘记了干什么呢？我来先获取，获取什么呢？显示购物项。

用的这个金额小D小D的这个什么呢？哎，TD元素我们先把它给拿到，哎先得到它，哎来握一个刀符。TD。诶，到了福。导了说TD elle就等于诶那这个怎么拿呢？注意我们现在点的，我们现在点的是这个，我们现在是给这个input绑定的一个停止时间也就在这啊给他绑定的，哎，Input的这个副元素是不是这个GD。对吧？哎，Input的副元素是TDTD的next是这个价格，再next就是这个GD了，所以啊，这样来获取它就通过给这个input的绑定，给他绑定，所以这个this代表的就是input，那input的TD，哎，它的这个复元素就是这个TDTD的next是这个TD，再next就是这个TD了，所以啊需要调这个两次方法，所以在这呢，哎，来获取这个TD，怎么来获取呢？Dollar符括号。

哎，这里边是this this，这个this呢，就是外边这个input，哎，我们修改的那个input，然后点一个什么呢，Parent。调一个parent方法，就是拿到它它的负元素，所以啊这块注意啊，我们这个this呢，就是这个input，它的parent呢，就是这个TD，然后点next是不是得到了这个TD，再next就是这个TD了，所以呢啊掉两次，再掉两次next，点一个next。诶，Next，哎，这是下边那个TD，再点一个next，哎，这就是我们要显示金额小计的TD，好下面诶来设置这个金额，设置这个金额小鸡好来诶到了福TD，就是我们上外边拿的那个tdle，点一个text，设置它里边的一个文本，这里边是一个re，点一个。

Amount，好，哎把它给设置进去，所以这块啊，这个前两个设置总数量跟总金额，因为它在循环的外面得到它比较好得就是呃，里边这个金额小G获取的时候得现在发A在请求外面呢，先拿到这个，哎显示进额小G的这个TD，所以呢，Dollar td1啊到TD11好诶这个写完之后呢，我们再来一次啊购物车现在呢，一共是十一二百二，没问题，我们把这个再改成十。十七百一十五。诶，改错了呀。不是写的吗？怎么变成total amount了？来啊，这个应该是没问题的啊，没问题的好啊，再来。

改成这个100。110本五千五加165没问题吧，诶没问题啊，哎刚刚呢，是这个改错了啊改错了，哎这一块呢，诶你再改的话，他发的就不是同步请求了，哎发的就是异步请求，诶浏览器呢，并没有刷新。诶，只是更新的这个局部这三个地方，这三个地方就是这块啊，这这这块我们这个通过发a Jack请求来更新购物车里边的总数量，总金额和金额，小金好就是这个啊，改了一下我们最简单的方式啊，就是这个创建一个结构体，创建一个结构体，哎，这个也不需要再什么把它转成字符串了啊，那样你要直接整成一个切片呢，就没有K了啊，没有K我就拿不到后边的值了，好啊，就是这块好放学吧。