Как передать данные от js до html до php?

Question

[Александр]

Есть динамическая переменная, которая выводиться в html кнопке, которая служит отправкой html формы:

<button type="submit" id="submit"  name="submit" class="btn btn-block btn-lg btn-primary pull-right">
					Заказать
					<span id="ppp" class="badge">0</span>
				</button>

В данном случае это ppp.
Значение присваеваеться с помощью этого скрипта:

function myFunction() {
    var x = document.getElementById("s2").value;
    var y = document.getElementById("s1").value;
        document.getElementById("i2").src= "assets/img/ranks/"+document.getElementById("s2").value+".jpg";
                
zx=prise(x);
zy=prise(y);
i=zx-zy;
if(i<0){i=0};
document.getElementById("ppp").innerHTML= i+" рублей";
}
function myFunction1() {
    var y = document.getElementById("s1").value;
    document.getElementById("i1").src= "assets/img/ranks/"+document.getElementById("s1").value+".jpg";
    var x = document.getElementById("s2").value;
    
zx=prise(x);
zy=prise(y);
i=zx-zy;
if(i<0){i=0};

document.getElementById("ppp").innerHTML= i+" рублей";
   }
   function prise(x) {
        var prise ={ "Silver_I":75,
                    "Silver_II":75,
                    "Silver_III":75,
                    "Silver_IV":75,
                    "Silver_Elite":75,
                    "Silver_Elite_Master":75,
                    "Gold_Nova_I":130,
                    "Gold_Nova_II":130,
                    "Gold_Nova_III":130,
                    "Gold_Nova_Master":130,
                    "Master_Guardian_I":130,
                    "Master_Guardian_II":130,
                    "Master_Guardian_Elite":300,
                    "Distinguished_Master_Guardian":300,
                    "Legendary_Eagle":300,
                    "Legendary_Eagle_Master":500,
                    "Supreme_Master_First_Class":600,
                    "Global_Elite":700};
                    
    var a = 0;
    cena = 0;    
    for(var key in prise){
                    if(key == x){cena += prise[key];a=a+1;return cena; break;}    
                 a=a+1;    
                    cena += prise[key];
                    
               }
    }

Как передать это значение в php файл?

Answer 1

[Константин Китманов]

<button type="submit"> — значит, лежит в какой-то форме. Раз в форме, то достаточно этой форме дать сделать то, для чего предназначены формы — отправить данные на сервер. Можно это сделать, например, добавив в форму <input type="hidden"/> (только не забудьте дать ему имя, безымянные инпуты на сервер не уходят).

Comments

[Александр]

не получилось

[Константин Китманов]

Александр: как-то маловато информации:)

[Александр]

Константин Китманов: мне нужно передать значение именно из ppp. А оно лежит не в input'е.

[Константин Китманов]

Александр: ну так положите его в инпут-то.

[Александр]

Положил. Он перестал отображаться вообще. И не отправляется на сервер.

[Константин Китманов]

Александр: конечно, он не отображается, он же hidden. А не отправляться он может из-за отсутствия или неправильного name.

[Александр]

Константин Китманов: Мне нужно что бы отображался. И не принимал стили от input. Name присвоил - cena.

[Александр]

Данные на сервер не передаются.

Answer 2

[Ivanq]

Если нужно передать js-переменную в php, надо отарвлять на сервер ajax-запрос

Comments

[Александр]

А как его сделать? Я плохо в js разбираюсь (совсем не разбираюсь)

[Андрей]

jquery-docs.ru/Ajax/jQuery.ajax ну или оригинал api.jquery.com/jquery.ajax

[Александр]

Андрей: у меня и так уже существует форма.

[Андрей]

Я тогда не пойму вопроса, если у тебя готовая форма, то отправляй по submit, если нужно отправить данные не перегружая страницу, ну явно AJAX, если тебе код нужен.. ну самое просто вот так
formData - будет равно ppp в твоем случае....

$.ajax({
url : "AJAX_POST_URL",
type: "POST",
data : formData,
success: function(data, textStatus, jqXHR)
{
//data - response from server
},
error: function (jqXHR, textStatus, errorThrown)
{

}
});

[Александр]

function ajax() { //Ajax отправка формы
var msg = $("#form1").serialize();
$.ajax({
type: "POST",
url: "out-boost.php",
data: msg,
success: function (data) {
$("#results").html(data);
document.getElementById('form1').reset();
document.getElementById("i1").src= "assets/img/ranks/Silver_I.jpg";
document.getElementById("i2").src= "assets/img/ranks/Silver_I.jpg";
document.getElementById("ppp").innerHTML= "0 рублей";
},
error: function (xhr, str) {
alert("Возникла ошибка!");
}
});
}
У меня там уже msq

[Александр]

Разобрался. Спасибо.