How to call a javascript function from PHP at form submit event

Question

I want to call a javascript function from php at the form submit event. and that javascript function will access the php variables, send them to a php script on another website using ajax. The following code is just a representation.

<?php
....
.....
......
if($_POST["action"]=="xyz"){
$myname = "asim";
    echo "<script type='text/javascript'>submitform();</script>";
}
.....
....
...
gotoanotherpagefinally();
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
    function submitform(){
        alert("<?php echo $myname; ?>");
        $.ajax({
                type: 'POST',
                data: {
                    action: 'whatever',
                    fileID: "<?php echo $myname; ?>",
                },
                url: 'http://xyz.com/API/query.php'
            });
    }
</script>
</head>
<body>
<form id="myform">
  ------
  ------
<input type="submit" name="submit_details">
</form>
</body>
</html>

I need to call the javascript function from php because the php variables taken by js function are only set by php itself and not the form values or something.

Femaref · Accepted Answer · 2013-08-17 14:40:39Z

1

You can catch the submit event using jQuery:

$("#myform").submit(function(e) {
  // needed so the default action isn't called 
  //(in this case, regulary submit the form)
  e.preventDefault(); 

  $.ajax(...);
});

answered Aug 17, 2013 at 14:40

Femaref

61.5k8 gold badges145 silver badges176 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Asim Siddiqui Over a year ago

I need to call the javascript function from php because the php variables taken by js function are only set by php itself and not the form values or something.

Femaref Over a year ago

This won't work, as php is server side, and js is client side. You can render the parameters using php, but once it hits the client, you are done.

basil · Accepted Answer · 2013-08-17 14:49:22Z

1

you can use :

<form id="myform" onsubmit="submitform()">

answered Aug 17, 2013 at 14:49

basil

111 bronze badge

1 Comment

Asim Siddiqui Over a year ago

I need to call the javascript function from php because the php variables taken by js function are only set by php itself and not the form values or something.

hasan.alkhatib · Accepted Answer · 2013-08-17 15:09:50Z

0

You can use jQuery to do this.

$(':input').click(function(){});

then inside this function you can use an ajax request to send the variable to php page that you have.

var variableA, variableB; // variables to be initiated by an ajax request

// ajax request to get variables from php page
$.ajax(
{
  url:'php_page_path/source_page.php',
  data:"message=getVars",
  type: 'post',
  success: function(data){
  // use the data from response
    var obj = JSON.parse(data);
    variableA = obj.varA;
    variableB = obj.varB;
  }
});


// use the variables in this ajax request and do what you want
$.ajax(
{
  url:'php_page_path/page.php',
  data:"var1="+variableA+"&variableB="+vaiableB ,
  type: 'post',
  success: function(j){
    // use the data from response
  }
});

edited Aug 17, 2013 at 15:09

answered Aug 17, 2013 at 14:46

hasan.alkhatib

1,5593 gold badges16 silver badges30 bronze badges

2 Comments

Asim Siddiqui Over a year ago

variable is not an input value, it is something my PHP script deduce from database.

hasan.alkhatib Over a year ago

then you need to use another ajax request, the first one to get these variables from a json response, and the other one to use these variables. I WILL EDIT MY ANSWER FOR WHAT I COMMENTED NOW

Chinmay235 · Accepted Answer · 2013-08-17 18:42:41Z

0

Please changes your code -

<?php
   $myname="asim";
?>
<script type="text/javascript">
    function submitform(myname){
        alert(myname);
        $.ajax({
                type: 'POST',
                data: {
                    action: 'whatever',
                    fileID: myname,
                },
                url: 'http://xyz.com/API/query.php'
            });
    }
</script>

HTML

<form id="myform" onsubmit="submitform('<?php echo $myname;?>')">
  ------
  ------
  <input type="submit" name="submit_details">

</form>

answered Aug 17, 2013 at 18:42

Chinmay235

3,4448 gold badges65 silver badges99 bronze badges

Collectives™ on Stack Overflow

How to call a javascript function from PHP at form submit event

4 Answers 4

2 Comments

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related