使用ajax，php，html进行POST

Question

When the submit button is clicked of a html form i want to post a value to a different php file.

code what i have now is a mix of php and javascript:

waar = 1;
if (isset($_POST['submit'])) {
    ?><script type="text/javascript">
    $.ajax({
        url: 'zoek.php',
        data: 'waar=' + waar,
        type: 'POST',
        success: function(uitkomst) {
            alert("1");
        },
        error: function(request, status, error){
         }
    });
    </script><?php
}

In zoek.php i'm getting the code like this:

 <?php
if (isset($_POST['waar'])) {
    ?><script type="text/javascript">
        alert("2");
        alerted = localStorage.getItem('alerted') || '';
        if (alerted == 'yes') {
            localStorage.setItem('alerted','no');
        };
    </script><?php
}
?>

It does alert "1" but it does not alert "2". I'm not sure why this is, because it is succeeded in the ajax call. But does not seem to recieve the 'POST'.

(sorry for bad english)

Answer 1

Change the 1st ajax callback to:

function(uitkomst) {
    alert("1");
    $("body").append(uitkomst);
},

This adds the response to the DOM, that immediatelly executes the javascript.