• vue--支付宝支付


    1、支付宝支付:前端发起一个请求,后台返回一个页面,直接将返回的页面(一个表单),再执行表单提交

    okFryOtherPayHandler(){
            let reqBody = {};
            reqBody.orderId = this.orderId;
            reqBody.payType = this.payType;
            fetchOrderPayMsg(reqBody).then((res) => {
              let resData = res.data;
              if(resData.respHeader.resultCode == 0){
                document.querySelector('#submitFormDiv').innerHTML = resData.respBody;
                this.executeScript(resData.respBody);
              }else{
                this.submitActive = false;
                Toast({
                  message: resData.respHeader.message,
                });
              }
            });
          },
          executeScript(html){
            let reg = /<script[^>]*>([^x00]+)$/i;
            let htmlBlock = html.split("</script>");
            for (let i in htmlBlock){
              let blocks;
              if (blocks = htmlBlock[i].match(reg)){
                let code = blocks[1].replace(/<!--/, '');
                try{
                  eval(code) //执行脚本
                }
                catch (e){
                }
              }
            }
          },
    

      

    fetchOrderPayMsg() axios 返回的参数如下:

    
    
  • 相关阅读:
    es6 学习笔记3
    flex 子元素和父元素的高度相同问题
    vue 笔记2
    vue 子父组件之间的通信
    vue+webpack 错误笔记
    vue 学习新笔记
    mongoDB 使用学习笔记
    express 学习笔记
    多态
    static修饰符与final修饰符
  • 原文地址:https://www.cnblogs.com/ilovexiaoming/p/11136923.html
Copyright © 2020-2023  润新知