How to get javascript value into php variable without reloading the page using ajax

Question

Here I want to get a value from JavaScript to PHP variable without using any POST or GET method.

Here I'm giving HTML code:

<input type="number" name="days" id="days" class="col-sm-2 form-control" placeholder="DAYS"> 

<input type="number" name="night" id="night" class="col-sm-2 form-control" placeholder="NIGHT"> 
                            
<button id="generate" onclick="GetValue()" class="btn btn-danger">Generate</button>

Javascript Code

<script>
$(function(){
    $("#generate").on('click', function(){
        var days = $("#days").val();
        var night=$("#night").val();
        var base_url = $('#base').val();
        $.ajax({
        type: 'post',
        url: base_url,
        data: {'days' : days, 'night': night}, 
        success: function( data ) {
        console.log(data);
        }
      });
    });
  });
</script>

php code

<?php
$days = $_POST['days']; 
$night = $_POST['night'];
echo $days . " " . $night;
?>

Variable value not working.

Possible duplicate of [How to get JavaScript variable value in PHP](https://stackoverflow.com/questions/9789283/how-to-get-javascript-variable-value-in-php) — Saad Suri, Jan 12 '18 at 05:24
when I pass value through link its reloading the page and I lose all other field value. that's why I don't want to use GET method — Muhammed Raheez PC, Jan 12 '18 at 05:26

Prateik Darji · Accepted Answer · 2018-01-12T06:32:02.187

1

You can not directly assign javascript variable to PHP variable, that's why ajax is used.

If you want to perform operations on client side variables to server-side without page refresh and using the same page then you have to write the PHP code on the top of the page before anything start of client-side and the use exit to break after the PHP response is completed. and in jquery ajax forget the URL part as you are using the same page for request and response.

Note: Make sure to include jQuery

Cover all the element in form tag so we can simply send data using serialize method.

index.php

<?php
    if(isset($_POST) && !empty($_POST['days'])){
        $days = $_POST['days']; // you can write the variable name same as input in form element.
        $night = $_POST['night'];

        //Perform any operations on this variable and send in response whatever you want it will send the response to success function of jquery ajax and you can check response in `data`

        echo $days . " " . $night;
        exit();
    }
?>


<!--<form id='frmsbmt' method='post' action='#'>-->

    <input type="number" name="days" id="days" class="col-sm-2 form-control" placeholder="DAYS"> 

    <input type="number" name="night" id="night" class="col-sm-2 form-control" placeholder="NIGHT"> 

    <button id="generate"  class="btn btn-danger">Generate</button>
<!--</form>-->
<script>
    $(function(){
        $("#generate").on('click', function(){
            var days = $("#days").val();
            var night=$("#night").val();
            var base_url = $("#base").val();
            $.ajax({
                type: 'post',
                //url: base_url,
                data: {'days' : days, 'night': night}, //$("#frmsbmt").serialize(), //form serialize will send all the data to the server side in json formate, so there is no need to send data seperately.
                success: function( data ) {
                    console.log(data);
                    //alert(data);
                    // It will write the response in developer tools console tab or you can alert it.
                }
            });
        });
    });
</script>

edited Jan 12 '18 at 06:32

answered Jan 12 '18 at 05:40

Prateik Darji

2,297
1
13
29

Without using form is it possible ? – Muhammed Raheez PC Jan 12 '18 at 05:49
yes, it's possible @raheez please check the updated answer. – Prateik Darji Jan 12 '18 at 05:50
one more help I created a variable var base_url = $('#base').val(); for getting url so how can I put this on the url field in the ajax – Muhammed Raheez PC Jan 12 '18 at 05:54
I didn't get you can u please explain in more detail or update the question what you exactly want to ask? – Prateik Darji Jan 12 '18 at 05:56
if you are getting url from some hidden field or somewhere then you can do that thing as above i have updated my answer please check once – Prateik Darji Jan 12 '18 at 05:57
error occur when I run this code undefined days and night field – Muhammed Raheez PC Jan 12 '18 at 06:00
so you are getting an error after clicking on generate? – Prateik Darji Jan 12 '18 at 06:07
I open the source, script side url shows the base_url variable name only. but I want to print the actual link. – Muhammed Raheez PC Jan 12 '18 at 06:11
what is your base_url? – Prateik Darji Jan 12 '18 at 06:12
your index page contains all the html code and php code right? – Prateik Darji Jan 12 '18 at 06:14
I am using codeigniter framework so both are inside in the code – Muhammed Raheez PC Jan 12 '18 at 06:15
that doesn't matter what framework you are using you can create a php separate page to get response but you still want to get response from the same page then there is last option i am updating my code wait – Prateik Darji Jan 12 '18 at 06:17
Nothing print in the screen – Muhammed Raheez PC Jan 12 '18 at 06:22
check updated answer and make sure you are sending value in days field – Prateik Darji Jan 12 '18 at 06:25
let me check please – Muhammed Raheez PC Jan 12 '18 at 06:26

score 0 · Answer 2 · answered Jan 12 '18 at 05:17

0

You can use an AJAX call for this.

function GetValue() {
    var str = document.getElementById('days').value;
    $.ajax({
        type: 'post',
        url: 'text.php',
        data: {
            someValue: str
        },
        success: function( data ) {
            console.log( data );
        }
    });
}

answered Jan 12 '18 at 05:17

Haswin

697
8
20

1

I am using in same page so in url what should I give ? – Muhammed Raheez PC Jan 12 '18 at 05:20

score 0 · Answer 3 · answered Jan 12 '18 at 05:40

To answer your question without using any post or get method to retrieve the variable is impossible. One language is a server side language, one language is a client side language, if the two languages never communicate through an established standard and protocol passing a variable between the two are impossible. PHP is translated server side which means the client side interface doesn't really know it exists unless there is an action that is tied to a method namely get or post. An Ajax request uses either POST or GET or one of the other established methods to communicate.

How to get javascript value into php variable without reloading the page using ajax

3 Answers3

Linked