在运行另一个页面时在提交时刷新 HTML PHP 页面？

Question

I've got a page which has a load of invoices on it and I want to be able to delete an invoice and then see that it's been deleted.

What I'm using currently is (bastardizing other code as I don't really know HTML / PHP all too well...!)

  <form name="form1" action="deleteinvoice.php" method="post">
    <input name="invoiceid" type="number" size="20"/>
    <input id="input" 
        type='submit' 
        value='Delete' 
        onclick="form1.action='deleteinvoice.php';target='my-iframe'" 
        class="button save-big" 
        disabled="disabled" >
    <input type="checkbox" 
        name="agree" 
        value="yes" 
        onclick="input.disabled = !this.checked" />Confirm you have the correct invoice number
    </form>

<iframe name="my-iframe" src="deleteinvoice.php" style="display:none"></iframe>      

This is working fine in so far as it's deleting the invoice (so I know the deleteinvoice.php page is working) but what I could really do with it also doing is refreshing the page that I was on so that the deleted invoice disappears and the form is blank again.

Thoughts?

Answer 1

A quick and dirty PHP workaround would be to create yet another PHP page that would delete the invoice and reload the page you're in:

<?php
    ob_start();
    require 'deleteinvoice.php';
    ob_end_clean();
    Header("Location: the-page-you-were-looking-before.php");
?>

Then set the form action to

onclick="form1.action='workaroundpage.php';"

Note: this is not a very clean or secure setup. It's just a simple make-do since you say you're not very conversant with PHP.

What the above code does, is to first load the true "deleteinvoice.php", just as if it was that page. So the invoice gets deleted as before. But any output from that page is first buffered by ob_start() and then discarded by ob_end_clean() , making this equivalent (client side) to a blank page. It then redirects the browser (it can do so, because it's as if no output was created) to the original page, not in the iframe but in the main window. So you find yourself back at the list page, with the invoice deleted.

A much more elegant (but proportionately more complex) way of doing this could be eg through a jQuery AJAX call and invoice DOM element destruction.