grabbing POST values with javascript

Forgive me for asking a seemingly obvious question, but all of my searching is turning up guides on how to create POST values with JS, not how to grab (and utilize) them.

What I want to do:

step1.php -- form POSTing to step2.php

step2.php -- also a form, JS grabs one particular POST value and does some work with it, then updates this new form accordingly

for reasons not worth getting into, the process needs to be a 2 step//2开发者_高级运维 page process.

The obvious solution is just to do something like:

<script type="text/javascript">

    function damn_ugly () {

        var shameful = <?php echo $_POST['desiredDatum']; ?>;
        do more stuff...
    }

</script>

but that seems a bit dirty to me.

Is there a better way? or is that really how I'm supposed to do it?

var postData = <?php echo json_encode($_POST); ?>;

You can obviously change that to include only certain fields from $_POST by passing a custom array to json_encode.

var desiredDatum = <?php echo json_encode($_POST['desiredDatum']); ?>;

There is no nicer way to do it - and using json_encode ensures no matter what's contained in the POST variable nothing will break (at least not during the assignment).

That is how you are supposed to do it, JavaScript cannot access the POST values in another way.

Offcourse you can make it a bit more beautiful: have your php-script put the POST variables in an array, and print the array in JSON format. Now your javascript has the array.

POST values are being sent to the server. Once submitted only the server can work with those values. Your example is pretty much the only option you have to "access" POST values that have been sent to the server in the previous request.

JS has no access to POST values, it can only retrieve GET values. However, since you're using a PHP script and you're able to pass the data to JS - why not give your JS functions data in JSON format? You can use PHP's json_encode function to encode all POST values to JSON that you can use then easily in your JS code.

Try this On second step Page 2:

Set hidden text box on page:

<input type='hidden' name='text1' id = 'text1' value='<?php echo $_POST['desiredDatum']; ?>' />

Now if you use jQuery the wirite below given code

$(document).ready(function() {

var shameful = $('#text1').val();

});

if not using jQuery Then

var shameful = document.getElementById('text1').value;

I hope this is what you are looking for.