How to open POST page in the same tab?

To open the POST response page inside the same tab instead of opening it as a new page, you can use JavaScript to handle the form submission and prevent the default behavior of the form.

Here's an example of how you can achieve this that I refer in territorial io

Add an id attribute to your form element, for example:

html

Copy

<form id="myForm" action="submit.php" method="POST">

  <!-- form controls here -->

  <button type="submit">Submit</button>

</form>

Add a JavaScript function that handles the form submission and prevents the default behavior of the form:

javascript

<script>

function submitForm() {

  var form = document.getElementById("myForm");

  form.addEventListener("submit", function(event) {

    event.preventDefault(); // prevent default form submission

    var xhr = new XMLHttpRequest();

    xhr.open("POST", form.action); // set up the POST request

    xhr.onload = function() {

      if (xhr.status === 200) { // check if the response is successful

        // update the content of the current tab with the response

        document.getElementById("myTab").innerHTML = xhr.responseText;

      }

    };

    xhr.send(new FormData(form)); // send the form data

  });

}

submitForm();

</script>

Add an id attribute to the tab that you want to update with the POST response, for example:

html

<div class="tab" id="myTab">

  <!-- tab content here -->

</div>

With these changes, when the user clicks the Submit button, the form will be submitted using the XMLHttpRequest object, which will send the POST request in the background without reloading the page. The response will then be processed in the JavaScript function, and the content of the tab will be updated with the response.