Javascript 提交REST请求并获得响应，无需重新加载页面

我想在不重新加载页面的情况下显示rest请求的结果。 我在用RAVE 这是帖子的url

这里是json

{
    "recipientaccount": "0690000034",
    "destbankcode": "044",
    "PBFPubKey": "FLWPUBK-4e9d4e37974a61157ce8ca4f43c84936-X"
}

以下是回应

{
    "status": "success",
    "message": "ACCOUNT RESOLVED",
    "data": {
        "data": {
            "responsecode": "00",
            "accountnumber": "0690000034",
            "accountname": "Ade Bond",
            "responsemessage": "Approved Or Completed Successfully",
            "phonenumber": null,
            "uniquereference": "FLWT00976651",
            "internalreference": null
        },
        "status": "success"
    }
}

这是html表单

<form action="#" method="POST">
    <input type="text" name="full_name">
    <input type="email" name="email">
    <input type="text" name="recipientaccount">
    <select name="bankcode">
        <option value="044">ACCESS BANK</option>
    </select>
    <!-- Display Account Name from the json response -->
    <input type="submit" name="submit">
</form>

存取银行

您可以使用jQuery Ajax。这是一种在后台异步发出HTTP请求的方法，因此不需要刷新页面。 语法是：

$("form").submit(function(e){
  e.preventDefault();
  let form = $(this).serialize();
  $.ajax({
    url: 'https://ravesandboxapi.flutterwave.com/flwv3-pug/getpaidx/api/resolve_account',
    method: 'POST',
    data: form,
    dataType: 'json',
    success: function(data){ 
      //success function
      //return data form server
      console.log(data)
    },
    error: function(data){ //error function
      console.log(data)
    }
  });

});

参考：

---

为了帮助显示用于提交post请求和获取json响应的js代码，我没有any@Oriname如果有帮助，请将我的答案标记为选中：）不起作用，我还需要在单击“提交”打开“网络”选项卡之前，在“提交”按钮上方显示帐户名，然后查看请求是否得到执行。看看答案是什么。同时检查你的控制台。它说什么？你的页面中甚至没有JS代码。你为什么要在一台实时服务器上工作？您的开发环境在哪里？这只是个坏习惯。你发送给我的链接中没有javascript代码。这就是为什么它不执行lol。