Как передать значение переменной jquery переменной php?

Question

Это мой javascript. Я хочу получить значение переменной jquery переменной php на одной странице с помощью ajax. Я использовал для печати php-переменной, но есть ошибка. Я был бы очень благодарен, если кто-нибудь сможет мне помочь.

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#roomOptions #select1').change(function() { 
     var total = 0; 
     $('#roomOptions #select1').each(function() { 
      total+=parseInt($(this).val());  
     }); 
     $('#roomOptions #roomOptions_total').html(total); 
     });   

    $('#roomOptions #select2').change(function() { 
     var total1 = 0; 
     $('#roomOptions #select2').each(function() { 
      total1+=parseInt($(this).val());  
     }); 
     $('#roomOptions #roomOptions_total1').html(total1); 
    }); 
}); 

$.ajax({ 
    type: "POST", 
    url: "getrooms.php", 
    data:{ total: total }, 
    success: function(data){ 
     console.log(data); 
    } 
}) 
</script> 

Answer 1

Вы должны добавить PHP примерно так:

<?php 
$total = $_POST['total'] ; 
echo $total; 

?> 

Answer 2

Добавление изменения в соответствии с комментариями автора вопроса.

Поскольку вы используете одну и ту же страницу для публикации данных с помощью jquery, вам необходимо обновить страницу. Измените код, подобный этому для вызова ajax (часть javascript).

$.post(window.location, {title: title}, success: function(data) { 
    //do something here 
}); 

И добавьте это в начало страницы.

<?php 
    if(isset($_POST['total'])) { 
    echo $_POST['total']; 
    } 
?> 

Answer 3

BTW, ваша total переменная может быть доступна только с помощью функции обратного вызова анонимного метода изменения !. total будет undefined в вашем вызове ajax.

$('#roomOptions #select1').change(function() { 
    var total = 0; 
    $('#roomOptions #select1').each(function() { 
     total += parseInt($(this).val()); 
    }); 

    $('#roomOptions #roomOptions_total').html(total); 

    $.ajax({ 
     url: getrooms.php, 
     type: 'POST', 
     data: { 
      "total": total 
     } 
    }); 
}); 

Answer 4

Вы должны объявить свою «итоговую» переменную в javascript перед вашей функцией.

var total = 0; 
$('#roomOptions #select1').change(function() { 
    total = 0; 
    $('#roomOptions #select1').each(function() { 
     total += parseInt($(this).val()); 
    }); 
    $('#roomOptions #roomOptions_total').html(total); 
}); 

Или получить его перед АЯКС инициализации, как этот

<script> 
    total = $("#roomOptions #roomOptions_total").html(); 
    $.ajax({ 
     type: "POST", 
     url: "getrooms.php", 
     data:{ total: total }, 
     success: function(data){ 
      console.log(data); 
     } 
    }) 
    </script> 

Вы можете получить доступ к вашей вар в PHP

<?php echo $_POST['total']; ?> 

Вы можете увидеть, что внутри общей перед AJAX отправить его

<script> 
     total = $("#roomOptions #roomOptions_total").html(); 
     $.ajax({ 
      type: "POST", 
      url: "getrooms.php", 
      data: { total: total }, 
      success: function(data){ 
       console.log(data); 
      }, 
beforeSend: function() { 
    console.log(total); 
    } 
     }) 
     </script> 

Answer 5

Я думаю, что p roblem с вашей последовательностью кода. Вызов ajax выполняется до вызова document.ready. Если вы преобразуете его в нечто подобное, то может быть оно будет работать.

<script type="text/javascript"> 
$(document).ready(function() { 
    var total = 0; 
    $('#roomOptions #select1').change(function() { 
     total = 0; 
     $('#roomOptions #select1').each(function() { 
      total+=parseInt($(this).val());  
     }); 
     $('#roomOptions #roomOptions_total').html(total); 
     });   

    $('#roomOptions #select2').change(function() { 
     var total1 = 0; 
     $('#roomOptions #select2').each(function() { 
      total1+=parseInt($(this).val());  
     }); 
     $('#roomOptions #roomOptions_total1').html(total1); 
    }); 


$.ajax({ 
    type: "POST", 
    url: "getrooms.php", 
    data:{ total: total }, 
    success: function(data){ 
     console.log(data); 
    } 
}) 
}); 
</script>