javascript variable to php script using ajax

Question

I have the below button in my index.php file.

<form action="update.php" method="post" >
<button onclick="myFunction()">Update</button>
</form>

I have the below javascript function.

<script type="text/javascript">
function myFunction()
{
$.ajax({
        type: 'post',
        url: 'update.php',
        data: {
            source1: "some text",
        },
        success: function( data ) {
            console.log( data );
        }
    });
}
</script>

I am using the above javascript function to send the javascript variable to the php server side script file (update.php). I am accessing the variable in update.php as below.

$src1= $_POST['source1'];
echo $src1;

However, I am not able to see the variable in the output of update.php file. What am doing wrong?

elclanrs · Accepted Answer · 2014-01-23 04:23:23Z

1

Try to do it on the submit event of the form and cancel the default behavior. First set the button type to submit the form:

<form action="update.php" method="post" >
  <button type="submit">Update</button>
</form>

Then add the event in JavaScript:

$('form').submit(function(e) {
  e.preventDefault();
  // code here
});

answered Jan 23, 2014 at 4:23

elclanrs

94.2k21 gold badges137 silver badges171 bronze badges

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

1 Comment

ram esh Over a year ago

Thanks a lot for providing an answer. I have more than 2 buttons. So, I tried to assign an id to this form and in my javascript function, I tried using the ID name. However, it is not working.

gigadot · Accepted Answer · 2014-01-23 04:27:24Z

1

Have you tried .done method instead of success parameter which is supposed to be deprecated.

$.ajax({
    type: 'post',
    url: 'update.php',
    data: {
        source1: "some text",
    },

}).done(function( data ) {
        console.log( data );
});

answered Jan 23, 2014 at 4:27

gigadot

8,9697 gold badges40 silver badges53 bronze badges

7 Comments

ram esh Over a year ago

Thanks for providing an answer. I tried it. But am not getting any luck.

gigadot Over a year ago

Have you checked the request your web browser made and the response it received?

ram esh Over a year ago

I see 200 OK for my request. However, I am not able to verify the response. I am using google chrome browser and not sure on how to check the console data.

gigadot Over a year ago

right click and select inspection mode, tab console is the console output. tab network contains all the requests and responses.

gigadot Over a year ago

If you know how to use this, you almost never need to ask a question ever again

|

Collectives™ on Stack Overflow

javascript variable to php script using ajax

2 Answers 2

1 Comment

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related