23-尚硅谷-支付宝支付-支付按钮前端代码说明

这堂课呢，我们简单的来梳理一下我们当前的这个确认支付的前端代码，那么在我们的Vs code当中，我们先找到这个前端代码所在的按钮，那么它的文件的位置呢？在s r c views index.view这个页面当中，在这个位置有一个EL button，那么这个呢，就是我们的确认支付按钮，那这个确认支付按钮里面呢，调用了一个to配方法，所以呢，我们可以来查找一下这个to配方法的定义，在这个to配方法里面呢，我们找到这个else if的分支，那么这个else if的分支呢，就是当我们选择了支付宝支付的时候，它所调用的一个具体的流程，在这个流程当中呢，它调用了阿里配API里面的trade pay pay这个方法，那么阿里配API呢，就是我们看到的这个文件，这个里面的trade配配这个方法呢，正好我们就是调用了前面我们所写的这个后端的接口，那么我们来看一下我们的后端接。

的地址啊，就是这个地址API，阿里pay trade配配，然后呢，这个是商品的ID。那我们看前端的代码也是这样的，所以呢，这块就是对我们后端方法的一个远程调用，那么在这个地方呢，就是远程调用之后的一个回调了，那么在回调当中呢，我们把。响应啊，所谓的响应呢，就是之前我们在后端方法当中最终拿到的这个。返回字符串，那么这个返回字符串呢，前面我们提到过，它是一个HTML形式的phone表单，那么这个phone表单呢，在之前我们分析开发文档的时候看见过，它长的样子呢，就是这个样子的，那么在这个放表单当中呢，它有一个提交按钮啊，提交按钮呢，会被我们的script的脚本呢，自动提交，提交到这个action这个位置啊，所以呢，你会看到在我们当前的这个前端代码当中呢，它就将我们前面返回的这个响应代码直接呢输出在了我们的浏览器当中，所以呢，那我们的表单就自动提交了啊，那这个位置很显然就是我们看到的那个。

支付宝的一个支付页面的一个地址了啊，所以说这是整个的一个前端代码的一个调用的流程，所以这块呢，是我们前端的一个关键代码，然后这个位置呢，是我们前端的一个阿贾克斯请求发送的位置。