如何在不使用Ajax重新加载页面的情况下将javascript值转换为php变量 [英] How to get javascript value into php variable without reloading the page using ajax

问题描述

这里我想从 JavaScript 到 PHP 变量中获取一个值，而无需使用任何POST或GET方法.

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

我在这里提供HTML代码:

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代码

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代码

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

变量值不起作用.

推荐答案

您不能直接将javascript变量分配给PHP变量，这就是为什么要使用ajax的原因.

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

如果要在客户端变量到服务器端执行操作而又不刷新页面并使用同一页面，则必须在客户端开始任何操作和使用退出之前在页面顶部编写PHP代码在PHP响应完成后中断.在jquery ajax中，忘记了URL部分，因为您正在使用同一页面进行请求和响应.

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.

注意:确保包含jQuery

覆盖form标记中的所有元素，以便我们可以简单地使用serialize方法发送数据.

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>

这篇关于如何在不使用Ajax重新加载页面的情况下将javascript值转换为php变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！