javascript variable to php script [duplicate]

Question

In my index.php, I have an update button as below.

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

I have defined a javascript function to override the default form action. The javascript function is as below.

<script type="text/javascript">
$(document).ready(function() {
$('form').submit(function(e) {
  e.preventDefault();
  alert("HI");
  $.ajax({
        type: 'post',
        url: 'update.php',
        data: {
            source1: "some text",
        },
        success: function( data ) {
            console.log( data );
        }
    });
});
});
</script>

After I click on the update button, I am getting the alert. However, I am not redirected to update.php page as expected. I am trying to send some values in the ajax request which can be used for processing in the update.php page.

You won't be redirected because you don't have a redirect script. You can't use PHP redirect in an AJAX call. And why do you use AJAX if you want to be redirected? — putvande
– putvande, Commented Jan 23, 2014 at 14:03
How are you accessing the data in update.php? How is this question any different to any of the Related questions over there? ---> — ɴᴀᴛᴇ ᴅᴇᴠ
– ɴᴀᴛᴇ ᴅᴇᴠ, Commented Jan 23, 2014 at 14:03
You won't be redirected using ajax, that's the point of ajax. — superphonic
– superphonic, Commented Jan 23, 2014 at 14:05
>>I am not redirected to update.php<< your e.preventDefault(); skips the loading of the form and in your further code i cant find any redirecting ... — donald123
– donald123, Commented Jan 23, 2014 at 14:05
be more specific please : do you want to be redirected in update.php , but you're still using ajax and preventDefault which keep you in the same page . If you want to be redirected why do you use an ajax call? — KB9
– KB9, Commented Jan 23, 2014 at 14:07

Michael · Accepted Answer · 2014-01-23 14:15:30Z

1

You are not redirected because PHP redirects do not affect the browser when run as an AJAX call. You'll need to specify a JavaScript redirect in the success function:

$.ajax({
    type: 'post',
    url: 'update.php',
    data: {
        source1: "some text",
    },
    success: function( data ) {
        document.location.href = 'update.php'
    }
});

However, I don't believe that this is what you want. You seem to want to add new form data on submitting the form, in which it might be better to prevent the default behaviour, add any additional data with hidden input fields, and then re-submit the form:

  $(function ()
  {

    $('form').submit(function (e)
    {

      if ($(this).is(':not([data-submit="true"])'))
      {

        $('form').append('<input type="hidden" name="foo" value="bar">')

        $('form').data('submit', 'true').submit()

        e.preventDefault()

        return false

      }

    }
    )

  }
  )

</script>

answered Jan 23, 2014 at 14:15

Michael

12.9k6 gold badges57 silver badges69 bronze badges

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

2 Comments

ram esh Over a year ago

I need to call the update.php function on success. I am able to call update.php from ajax now. However, I am accessing the javascript variable using POST in update.php file. It is not getting displayed on my update.php file.

Michael Over a year ago

For data to appear in the $_POST variable it needs to be posted with the form. Hence my example of adding a hidden input field that contains the value.

Collectives™ on Stack Overflow

javascript variable to php script [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related