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 — Saad Suri
– Saad Suri, Commented Jan 12, 2018 at 5:24

Prateik Darji · Accepted Answer · 2018-01-12 06:32:02Z

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, 2018 at 6:32

answered Jan 12, 2018 at 5:40

Prateik Darji

2,3071 gold badge15 silver badges29 bronze badges

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

15 Comments

Muhammed Raheez PC Over a year ago

Without using form is it possible ?

Prateik Darji Over a year ago

yes, it's possible @raheez please check the updated answer.

Muhammed Raheez PC Over a year ago

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

Prateik Darji Over a year ago

I didn't get you can u please explain in more detail or update the question what you exactly want to ask?

Prateik Darji Over a year ago

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

|

Haswin · Accepted Answer · 2018-01-12 05:17:20Z

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, 2018 at 5:17

Haswin

7078 silver badges20 bronze badges

1 Comment

Muhammed Raheez PC Over a year ago

I am using in same page so in url what should I give ?

Matthew Lagerwey · Accepted Answer · 2018-01-12 05:40:55Z

0

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.

answered Jan 12, 2018 at 5:40

Matthew Lagerwey

1206 bronze badges

Collectives™ on Stack Overflow

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

3 Answers 3

15 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

15 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related