day07/下午/146-尚硅谷-尚融宝-表单数据更新

好，那么前面我们已经做了数据的列表展示啊，做了数据的新增，还做了数据的删除，还做了数据的修改，那么最后一个步骤呢，我们在在修改的这个界面当中呢，点击保存其实就是我们更新的一个过程了，那么我们先来看一下，在修改的界面上点击保存呢，和在新增的界面上点击保存呢，实际上点击的是同一个按钮啊，那如果点击的是同一个按钮的话呢，在这个位置。其实点击的就是它了，这就是这个保存按钮，那点击它的话呢，我们在这个位置，我们就要区分什么时候调用新增的方法，什么时候调用更新的方法，那什么时候调用新增的方法呢？就是数据是新数据的时候，对不对，没有任何初始化值的时候，那什么时候调用更新的方法呢？就这个数据呢，是回显数据的时候，回显数据呢，它有一个初始化的值，那最明显的特点呢，其实就是。

啊，你你可以通过这个不同的方案来判断啊，其中啊，最方便的一个方案呢，就是判断一下integrr里面有没有ID，如果有ID其实它就是回线，如果没有ID那它就是新增啊好，那现在我们就对这个ID了来进行判断，所以呢，在这个地方。在在这个地方吧，我们呢，来判断一下就是。This哈，点integral if对比一下。Else，然后接下来呢，我们呃判断一下这个ID加ID啊好，这个ID如果没有的话，这就是没有，因为javascript是弱类型的啊，它不存在on find呀，None啊什么的工串啊，都是false啊，那如果它是嗯没有的话，我们呢就save data啊，如果有的话，那就说明是回显状态，我们就。

Update data，好，然后接下来呢，在下面这个地方们就要调用，那很显然他跟新增差不多，我们需要写一个API接口，那所以呢，我们在。Integral的，呃，Integralrate JS里面呢，咱们再写一个更新的API啊，那我们可以这样写，比如说update by ID啊，然后这里面也是一样。跟C差不多，我们从C这考一样，然后也是传进来这么一个参数，只不过这个参数里面是带ID的啊，然后接下来呢，这面我们看接口里面写的是啥。接口里面写的是update，所以呢，在这个地方呢，我就写update是不是，然后这块接口里面写的是啥？接口里面写的是put，所以这面呢，我也写put好了，这个update BYD我们就写好了。然后呢，在。

啊，刚才咱们的form.view里面啊，咱们这update data就可以调用，刚才咱们那个update结构跟它也很像啊，拷过来吧，一样的啊，都是，只不过这块呢，我们就不是save了，而是刚才写的这个。Update by ID对吧，你看第一个就是前面写完了，如果你真正理解透了的话，其实后面很好写啊，好，然后呢，就是update by ID，然后呢，还是调用这个，就是我们绑定的那个表单数据嘛，然后问问完了之后呢，嗯，就是嗯，更新成功，然后跳转到列表也一模一样的，我就写好了。那我们来测试一下吧。

开心好，这个比如说我给他改成55吧，啊，这个改成15，这改成10005，这样明显一点啊，点保存更新成功，大家看这个就是刚刚咱们改的这条记录明白吧，啊所以这样的话更新呢，咱们就做完了，我就把它改回去啊好。今天所有的内容就讲到这儿。