How to pass a value from javascript function?

Question

Possible Duplicate:
How to pass JS variable to php?
Passing javascript variables to php?

how to pass a valu from javascript function, I have this kind of code

function next(c,q){
    var y=Number(q);
    var x=Number(c)+1;
    var texta=document.getElementById('myText');
    var content=document.getElementById('woo'+x);
    var page=document.getElementById('paged');
    var thik=document.getElementById('lengthik');

    texta.value=content.value;
    page.value=x;
    thik.value=y;

    var z=100/y;

    //update progress bar
    $("#progressbar").progressbar("option", "value", $("#progressbar").progressbar("option", "value") + z);

    if($("#progressbar").progressbar("option", "value") < 100){
        $("#amount").text($("#progressbar").progressbar("option", "value")+"%");
    }
    else{
        $("#amount").text(100+"%");
    } 

}

and I want to throw the new value of the id #progressbar into the php. this id is dynamic because it is a probressbar

To communicate between javascript (which runs on the client machine's browser) and PHP (which runs on your server) you need to use AJAX. — jbabey, Jan 03 '13 at 13:35
you have asked same question here ?!?! `http://stackoverflow.com/questions/14136064/how-to-pass-value-from-php-to-javascript` — Vimalnath, Jan 03 '13 at 13:48
Do not duplicate your question only because you didn't so far got any answer you can work with. You have done this now two times. In chronological order: 1.) http://stackoverflow.com/questions/14144172/pass-values-from-javascript-to-php ; 2.) http://stackoverflow.com/questions/14145459/pass-a-variable-in-javascript — hakre, Jan 03 '13 at 19:13

score 0 · Answer 1 · answered Jan 03 '13 at 13:42

Try this:

$.ajax({
    type: "GET",
    url: "yourphpfile.php",
    data: "texta=" + texta+ "&content=" + content// texta,contentare javascript variables
    success: function(response){
        if(response != '') {
            //success  do something
        } else {
            // error
        }
    }   
});

score 0 · Accepted Answer · answered Jan 03 '13 at 13:45

To communicate between javascript (which runs on the client machine's browser) and PHP (which runs on your server) you need to use ajax. Since you are already using jQuery, I suggest using their abstraction method $.ajax(). It would look something like this:

// post value of #progressbar id to my php page
$.ajax({
    url: myPHPPage.php,
    data: JSON.stringify({ progressbarID: '#progressbar' }),
    success: function (dataFromServer) {
        alert('it worked!');
    },
    error: function (jqXHR) {
        alert('something went horribly wrong!');
    }
});

score 0 · Answer 3 · answered Jan 03 '13 at 14:06

So you have two options. Javascript can only pass variables to PHP through ajax. This is because javascript runs on the client browser and PHP runs on the server.

Option 1 - use Ajax. Javascript:

//update progress bar
$.ajax({
   type: "POST",
   url: "some.php",
   data: { num: y } //or use q instead of y. its what you passed in
}).done(function(data) {
   $('#amount').text(data);
});

this is the php file

<?php 
//some.php
$complete = $_POST['num'];
$progress = $complete / $total; //you'll have to set what "total" is.

$progress .= '%';

echo $progress;
?>

Option 2 - use PHP when the page loads and then use javascript to update the progress bar. This is like using PHP and Javascript together, but technically you are using PHP to generate javascript code.

function next(c,q){
var y=Number(q);
var x=Number(c)+1;

var complete = (c / <?php echo $total;?>);

//update progress bar
//not sure how your progress bar library works.
//but maybe like this:
$("#progressbar").progressbar({"value" : complete}); 
}

How to pass a value from javascript function?

3 Answers3

Linked