1

Здравствуйте! Есть скрипт, который находится в index.php и передает js переменную в этот же файл:

<script>
$(function(){

$('.btn').on('click', function(){
        var one = '1';
        $.get( 'index.php', { one:'one'}, function (data) {
        alert(data);
        });
    });
 });
</script>

Вывод результата в index.php:

if(isset($_GET['one']))
{
    echo $_GET['one'];
}

Но почему-то не работает( Такое ощущение что в index.php вообще ничего не приходит. alert вообще выводит шапку страницы

15
  • в консоли ошибки есть? у вас скобки не закрыты в js 28 авг 2017 в 6:51
  • php обработчик должен быть в отдельном файле без всяких скриптов и html... так что положи его куда-либо и обращайся уже туда 28 авг 2017 в 6:51
  • @Artem Gorlachev, это я когда здесь писал пропустил, а так ошибок нет
    – r.mcreal
    28 авг 2017 в 6:55
  • @Алексей Шиманский, здесь я привел упрощенный вариант, чтобы проще было понять. На деле мне нужно после клика отправить ajax запрос, чтобы получить data и передать data на ту же страницу где мы кликаем, чтобы соответствующие переменные на этой странице обновились. Пока получается только получить data. Как мне правильно это все организовать?
    – r.mcreal
    28 авг 2017 в 7:04
  • @Алексей Шиманский, P.S. data я получаю из другого файла
    – r.mcreal
    28 авг 2017 в 7:06

1 ответ 1

3

Разделите обработчик, используйте:

  • index.php (откуда берутся данные и куда они возвращаются после обработки ajax-запроса);
  • script.js (обработчик событий, отправка ajax-запросов);
  • subs.php (обработчик ajax-запроса);

Скрипт:

js:

$(".element").on('click',function(){
    // при клике по элементу записываете значение параметра, наприммер $(this).val().trim() или $(this).html().trim();
    var param_1 = 1;

    $.ajax({ 
        // Отправляете на другой PHP-скрипт (грубо говоря, обработчик события на сервере, где производите действия)
        url: 'subs.php', 
        type: 'POST',
        dataType : "json",
        data:{
            param_1: param_1
        },
        success: function(response){
            // меняете значение контейнера на то, которое вернул AJAX-Запрос
            $('.cont').html(response); 
        },
        error: function(){
            alert("Произошла ошибка");
        }
    });             
});

php: 

<?php
// Обрабатываете данные, присваиваете переменной, проверяете, производите манипуляции и т.п.

$param_1 = filter_input(INPUT_POST, 'param_1', FILTER_SANITIZE_STRING);

echo (isset($param_1)) ? json_encode($param_1) : json_encode("Вы прислали пустую переменную 'param_1'"); // отправляете обратно

?>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.