jQueryを用モチいて、API Gatewayを呼ヨび出ダす。
下記カキのサンプルソースでは、textboxの入力ニュウリョク値アタイをAPI Gatewayに渡ワタし、LambdaでCOBOLが動ウゴいて、
COBOLから戻モドされた値アタイを受ウけ取トり、表示ヒョウジする仕様シヨウとなっている。
参考サンコウ：
https://www.tantan-biyori.info/blog/2019/01/amazon-api-gatewayapi.html
<html lang="ja"> 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　
<head> 　
<meta charset="UTF-8"> 　
<title>API Gateway　TestPage</title> 　
</head> 　
<body> 　
    <h3>WEB⇔COBOL連携</h3> 　
    <input id="in1" type="text"></input><br> 　
    <input id="in2" type="text"></input><br> 　
    <button id="exec">実行</button><br><br> 　
    <div id="res"></div> 　
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 　
<script> 　
$(function() { 　
    $('#exec').on('click', function() { 　
        $.ajax({ 　 ajax通信ツウシンでAPI Gatewayへアクセスし、値アタイを渡ワタす。
            type:'POST', 　
            url:'https://xxxxxxx.execute-api.ap-northeast-1.amazonaws.com/cobo/cobol2020', 　 API GatewayのURL＋メソッド名メイ　※
            data:JSON.stringify({ 　
                "text1" : document.getElementById("in1").value, 　 COBOLへのINPUT（TextBoxの値アタイを渡ワタす）
                "text2" : document.getElementById("in2").value 　 COBOLへのINPUT（TextBoxの値アタイを渡ワタす）
                }) 　
        }).done(json => { 　
            $('#res').html("StatusCode：" + json['statusCode'] + "<br>" +  　 COBOLソース内ナイでの固定値コテイチを受ウけ取トる
            "Message：" + json['body'] + "<br>" +  　 COBOLソース内ナイでの固定値コテイチを受ウけ取トる
            "入力値１：" + json['input']["text1"] + "<br>"+  　 COBOLへのINPUT（可変カヘン値アタイ）を受ウけ取トる
            "入力値２：" + json['input']["text2"]); 　 COBOLへのINPUT（可変カヘン値アタイ）を受ウけ取トる
        }); 　
    }); 　
}) 　 ※API Gatewayでデプロイされた後アトに表示ヒョウジされるURL＋メソッド名メイ
</script> 　
</body> 　
</html> 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　
動作ドウサ確認カクニン