Как получить переменную из JS в PHP?

@WeStlik · Регистрация: 13.03.2017

Студворк — интернет-сервис помощи студентам

Здравствуйте, есть функция, которая получает data-значения из товаров.
Допустим,

JavaScript
1
id = $(this).data('id')

Нужно из БД выводить записи с этим ID, т.е.

PHP
1
mysql_query("SELECT * FROM vibor WHERE idtovar = `id` ");

Это всё на одной странице
Так вот, нужно как-то получить это ID, он прописал в data-id у товара
С перезагрузкой страницы не получится

@atanov · 07.01.2019, 22:11

WeStlik, ajax’ом на сервер, а там и в get и в post массиве можно изловить.

@Mr_Sergo · 09.01.2019, 08:33

WeStlik,

index.php

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<title>Код</title>
</head>
<body>
 
<a data-id="7" onclick="sendToServer($(this).data('id'))">Клик</a>
<div class="result"></div>
<script src="script.js"></script>
 
</body>
</html>

script.js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
function sendToServer(dataId){
    $.ajax({
        type: 'POST',
        url: 'server.php',
        data: {id:dataId},
        dataType: 'json',
        success: function(data){
            $('.result').html(data.name);   // "name" это столбец из БД
        }
    });
}

server.php

PHP
1
2
3
4
5
6
7
8
9
10
11
<? header('Content-Type: text/html; charset=utf-8');
 
mysql_connect("localhost","wow","11111"); if(!mysql_select_db("wow")) die('oops database selection problem ! --> '.mysql_error());
 
$id = $_POST[id];
$query = mysql_query("SELECT * FROM vibor WHERE idtovar = $id ");
$id_ROW = mysql_fetch_array($query);
 
// У меня в таблице есть столбец с именем "name" откуда берется значение в зависимости от пришедшего id
echo json_encode($id_ROW);  // Здесь содержится значение столбца "name" из БД
?>

Таблица.zip

@WeStlik · 09.01.2019, 17:54 **[ТС]**

Конечно, спасибо, но я же уточнил, что всё находится на одной странице
Нужный кусок кода:

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<form id="buy" method="post">
                    <div class="form-group">
                        <label for="name">Ваше имя</label>
                        <input type="name" name="name" class="form-control" id="name" placeholder="Ваше имя" required>
                    </div>
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" name="email" class="form-control" id="email" placeholder="Email" required>
                    </div>
                    <div class="form-group">
                        <label for="dannie">Данные</label>
                        <input type="text" name="dannie" class="form-control" id="dannie" placeholder="Введите данные от аккаунта" required>
                    </div>
                    <div class="form-group">
                        <label for="product">Выбранный товар</label>
                        <input type="text" name="product" class="form-control" id="product" readonly>
                    </div>
          <div class="form-group" id="kolvo" style="display: none;">
                        <?php
                        $id = (int)$_GET['id'];
                        $result_index2 = mysql_query("SELECT * FROM shop WHERE idtovar = {$id}");
            echo "<label id='kolvo'>Кол-во товара</label>";
                        echo '<select name="kolvo" id="kolvo_price">';
                        echo '<option value="0" selected disabled>Выбрать кол-во</option>';
                        while ($result = mysql_fetch_array($result_index2)){
                             echo '<option value='.$result['price'].'>'.$result['kolvo'].' $</option>';
                        }
                        echo '</select>';
                        ?>
                    </div>
                    <script type='text/javascript'>
                        document.getElementById('kolvo_price').addEventListener('change', function(){
                          document.getElementById('pricesviborinput').value = this.value;   
                        });
                    </script>
                    <div class="form-group" id="pricesvibor" style="display: none;">
                        <label for="price">Цена</label>
                        <input type="text" name="price" class="form-control" id="pricesviborinput" readonly>
                    </div>
                    <div class="form-group" id="pricebezvibor" style="display: none;">
                        <label for="price">Цена</label>
                        <input type="text" name="price" class="form-control" id="price" readonly>
                    </div>
                    <div class="form-group" style="display: none;">
                      <label for="photo">Фото</label>
                      <input type="text" name="photo" class="form-control" id="photo" readonly>
                    </div>
                    <div class="form-group">
                       <label for="promo">Промокод (если есть)</label>
                       <input type="text" name="promo" class="form-control" id="promo">
                    </div>
                    <button type="submit" class="btn btn-primary">Купить</button>       
                </form>
 
<script type="text/javascript">
  var price_check;
$('.buy').on('click',function(){
    my_id = $(this).attr('data-id');
   $.get('/tovar.php?id=' + my_id, function(data){
        price_check = data["price"];
        $('#price').val(data["price"]);
        $('#product').val(data["name"]);
        $('#photo').val(data["photo"]);
        $('#vibor').val(data["vibor"]);
        $('#cart').modal();
 
        if(data["vibor"] == 0){
        document.getElementById('kolvo').style.display = "none";
        document.getElementById('pricebezvibor').style.display = "block";
        document.getElementById('pricesvibor').style.display = "none";
        document.getElementById('pricesviborinput').disabled = "disabled";
      }
      if(data["vibor"] == 1){
          document.getElementById('kolvo').style.display = "block";
          document.getElementById('pricebezvibor').style.display = "none";
          document.getElementById('pricesvibor').style.display = "block";
          document.getElementById('price').disabled = "disabled";
      }
   });
});
 
$("#buy").submit(function() {
  if(document.getElementById('price').value != price_check){
    $('#price').val(price_check);
  }
});
</script>

@Mr_Sergo · 09.01.2019, 18:52

Сообщение от WeStlik

всё находится на одной странице

index.php

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<? header('Content-Type: text/html; charset=utf-8');
    if(isset($_POST[id])){
        mysql_connect("localhost","wow","11111"); if(!mysql_select_db("wow")) die('oops database selection problem ! --> '.mysql_error());
 
        $id = $_POST[id];
        $query = mysql_query("SELECT * FROM vibor WHERE idtovar = $id ");
        $id_ROW = mysql_fetch_array($query);
 
        echo json_encode($id_ROW);
    }
    else{
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<title>Код</title>
</head>
<body>
 
<a data-id="7" onclick="sendToServer($(this).data('id'))">Клик</a>
<div class="result"></div>
 
<script>
    function sendToServer(dataId){
        $.ajax({
            type: 'POST',
            url: 'index.php',
            data: {id:dataId},
            dataType: 'json',
            success: function(data){
                $('.result').html(data.name);
            }
        });
    }
</script>
 
</body>
</html>
<?
}
?>

Добавлено через 7 минут
Код должен быть раздельным. JS в своем файле, CSS в своем и так далее...
Это маленькая страничка а представьте если будет 1000 строчек кода или еще больше- сплошная каша, сами запутаетесь в дальнейшем...

Новые блоги и статьи Все статьи Все блоги /
Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	07.01.2019, 22:11
	WeStlik, ajax’ом на сервер, а там и в get и в post массиве можно изловить. 1

Как получить переменную из JS в PHP?

Решение