HTML表单停止重定向并允许PHP从HTML文件中调用JavaScript

Question

I'd like to have a form on a HTML page not refresh when it's sent, which I've done, but I'd also like to allow the echo command in the PHP file to be able to call JavaScript from within the HTML file.

So far, all the echo commands aren't being carried out, which isn't what I expected.

Here's some code from the HTML and PHP files:

HTML:

<script type="text/javascript">

function functionInFile() {
    alert("recieved");
}

    $(function() {  
      $(".postform").submit(function() {  
      var content = $(this).serialize();

      $.post('signup.php?', content);

      return false;

      });  
    });     

</script>

and the PHP:

echo '<script type=\'text/javascript\'>functionInFile()</script>';

So basically, I'd like the PHP file to be able to invoke a function in the HTML file, while not being redirected when I click submit.

Any help appreciated.

Answer 1

You can use the success callback of the $.post() to execute a function which your PHP passes back. Try this:

PHP

// do some stuff with the posted data
echo 'functionInFile'; // name of js function to execute in calling page

jQuery

function functionInFile() {
    alert("recieved");
}

$(function() {  
    $(".postform").submit(function() {  
        $.post(
            'signup.php?', 
            $(this).serialize(),
            function(func) {
                window[func]();
            },
            'text'
        );
        return false;
    });  
});