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

Проблемы с яваскриптом

#1 25 ноября 2015 в 22:36

Потребовалось для одного из типов контента несколько расширить функцию рейтинга. Вместо "нравится-не нравится" нужно сделать голосование по шестибалльной системе. +5 +3 +1 -1 -3 -5
Как сделать шесть кнопок, вроде разобрался.

Спойлер

<?php if ($target_subject == 'anec'){ ?>
    <div class="arrow up">
        <?php if ($is_enabled){ ?>
            <a href="#vote-up" class="vote-up" title="<?php echo LANG_RATING_VOTE_UP; ?>"></a>
        <?php } else { ?>
            <span class="disabled" title="<?php html( $is_voted ? LANG_RATING_VOTED : LANG_RATING_DISABLED ); ?>">+5</span>
        <?php } ?>
    </div>
	    <div class="arrow up">
        <?php if ($is_enabled){ ?>
            <a href="#vote-up" class="vote-up" title="<?php echo LANG_RATING_VOTE_UP; ?>"></a>
        <?php } else { ?>
            <span class="disabled" title="<?php html( $is_voted ? LANG_RATING_VOTED : LANG_RATING_DISABLED ); ?>">+3</span>
        <?php } ?>
		<?php } ?>
    </div>
	    <div class="arrow up">
        <?php if ($is_enabled){ ?>
            <a href="#vote-up" class="vote-up" title="<?php echo LANG_RATING_VOTE_UP; ?>"></a>
        <?php } else { ?>
            <span class="disabled" title="<?php html( $is_voted ? LANG_RATING_VOTED : LANG_RATING_DISABLED ); ?>">+1</span>
        <?php } ?>
    </div>
 
    <div class="score" title="<?php echo LANG_RATING; ?>">
        <?php if ($options['is_hidden'] && !$is_voted && ($is_enabled || $is_guest)){ ?>
            <span>&mdash;</span>
        <?php } else { ?>
            <span class="<?php echo html_signed_class($current_rating); ?><?php if ($options['is_show']) { ?> clickable<?php } ?>">
                <?php echo html_signed_num($current_rating); ?>
            </span>
        <?php } ?>
    </div>
 
    <div class="arrow down <?php if (!$is_enabled){ ?>disabled<?php } ?>">
        <?php if ($is_enabled){ ?>
            <a href="#vote-down" class="vote-down" title="<?php echo LANG_RATING_VOTE_DOWN; ?>"></a>
        <?php } else { ?>
            <span class="disabled" title="<?php html( $is_voted ? LANG_RATING_VOTED : LANG_RATING_DISABLED ); ?>">-1</span>
        <?php } ?>
    </div>
	<?php if ($target_subject == 'anec'){ ?>
    <div class="arrow down <?php if (!$is_enabled){ ?>disabled<?php } ?>">
        <?php if ($is_enabled){ ?>
            <a href="#vote-down" class="vote-down" title="<?php echo LANG_RATING_VOTE_DOWN; ?>"></a>
        <?php } else { ?>
            <span class="disabled" title="<?php html( $is_voted ? LANG_RATING_VOTED : LANG_RATING_DISABLED ); ?>">-3</span>
        <?php } ?>
    </div>
	    <div class="arrow down <?php if (!$is_enabled){ ?>disabled<?php } ?>">
        <?php if ($is_enabled){ ?>
            <a href="#vote-down" class="vote-down" title="<?php echo LANG_RATING_VOTE_DOWN; ?>"></a>
        <?php } else { ?>
            <span class="disabled" title="<?php html( $is_voted ? LANG_RATING_VOTED : LANG_RATING_DISABLED ); ?>">-5</span>
        <?php } ?>
    </div>
	<?php } ?>

Как это всё украсить — потом разберусь. Пока не работает сам функционал.

Но теперь не знаю, как передать из \templates\tseso\js\rating.js значение балла рейтинга в \system\controllers\rating\actions\vote.php

Даже если просто объявить переменную в js файле

Спойлер

    this.onDocumentReady = function(){
 
        $('.rating_widget').each(function(){
 
            var widget = $(this);
 
            var controller = widget.data('target-controller');
            var subject = widget.data('target-subject');
            var id = widget.data('target-id');
			var points = 5;
 
 
            $('a.vote-up', widget).click(function(){
                icms.rating.vote('up', controller, subject, id, points);
            });
 
            $('a.vote-down', widget).click(function(){
                icms.rating.vote('down', controller, subject, id, points);
            });

Все равно vote.php это значение не подхватывает и даже если отменить проверку на is_numeric($points) — все равно в базу пишется NULL

Спойлер

public function run(){
 
        if (!$this->request->isAjax()){ cmsCore::error404(); }
 
        // Получаем параметры
        $direction = $this->request->get('direction');
        $target_controller = $this->request->get('controller');
        $target_subject = $this->request->get('subject');
        $target_id = $this->request->get('id');
		$points = $this->request->get('points');
        $template = cmsTemplate::getInstance();
 
        $is_valid = ($this->validate_sysname($target_controller)===true) &&
                    ($this->validate_sysname($target_subject)===true) &&
                    is_numeric($target_id) &&
					is_numeric($points) && 
                    in_array($direction, array('up', 'down'));	
 
        if (!$is_valid){ $template->renderJSON(array('success' => false)); }
 
        $user = cmsUser::getInstance();
 
        // Объединяем всю информацию о голосе
        $vote = array(
            'user_id' => $user->id,
            'target_controller' => $target_controller,
            'target_subject' => $target_subject,
            'target_id' => $target_id,
            'score' => $direction=='up' ? $points : -$points
        );

Кто из понимающих людей поможет разобраться?
Заранее признателен.

#2 25 ноября 2015 в 22:55

Ну так у вас же написано:

// Получаем параметры
        $direction = $this->request->get('direction');
        $target_controller = $this->request->get('controller');
        $target_subject = $this->request->get('subject');
        $target_id = $this->request->get('id');

а выше

if (!$this->request->isAjax()){ cmsCore::error404(); }

Значит данные приходят через ajax.
соответственно смотрим например здесь (вот тут реализация аякса с post запросом).

Для участка выше код будет примерно такой:

$.post(
  "/ajaxtest.php", // ваш php скрипт который ждет данные
  {
    direction: 'up',  // сами данные
    controller: 'content',
    subject: 'posts',
    id: 2,
  },
  function(result){ alert('Пришел ответ: '+result); }, // callback-функция с ответом
  'json' // тип данных ответа
);

#3 25 ноября 2015 в 23:17

Val,
Но значение остальных 4 переменных передаются из rating.js в vote.php без проблем.
Вписываю пятую переменную — она не передается.

Вот же функция .click(function(){ icms.rating.vote('up', controller, subject, id, points); });
Вот первые четыре переменные отлично передаются, а points — нет. Почему такое может быть?

Потом разберусь с методом post.
Пока задача стоит явно объявленную переменную var points = 5; отправить в php скрипт vote.php.
Или нельзя прямо в яваскрипте задать значение переменной?

Сегодня в 14:39

#4 26 ноября 2015 в 00:14

Виктор,
Идея отличная! Я что-то и внимания не обратил на эту функцию.
Спасибо, Виктор!

Но увы… почему-то не заработало. Буду искать…

#5 26 ноября 2015 в 01:11

Но теперь не знаю, как передать из \templates\tseso\js\rating.js значение балла рейтинга в \system\controllers\rating\actions\vote.php
HiAndy

смотрим например здесь (вот тут реализация аякса с post запросом).
Val

Вот же функция .click(function(){ icms.rating.vote('up', controller, subject, id, points); });
Вот первые четыре переменные отлично передаются, а points — нет.
HiAndy

Передаются куда?

JS передал управление функции icms.rating.vote(..., которая отправляет данные POST в vote.php.
Виктор

Потом разберусь с методом post.
HiAndy

Но увы… почему-то не заработало. Буду искать...
HiAndy

Самое время разобраться как работает ajax joke

Удачи!

#6 26 ноября 2015 в 07:42

ruseller.com/jqueryshpora.php
смотрите $.ajax() и $.post()
instantcms.ru/wiki/doku.php/справочник:полезные_советы_для_разработчиков

NOP

#7 26 ноября 2015 в 12:29

В общем разобраться с шаблоном в двойке — перелом мозга.

Сделал вот так:

widget.tpl.php

Спойлер

<?php $is_first_widget = $this->addJS('templates/default/js/rating.js'); ?>
 
<div class="rating_widget" id="rating-<?php echo $target_subject; ?>-<?php echo $target_id; ?>"
    <?php if ($is_enabled || $options['is_show']){ ?>
        data-target-controller="<?php echo $target_controller; ?>"
        data-target-subject="<?php echo $target_subject; ?>"
        data-target-id="<?php echo $target_id; ?>"
        <?php if ($options['is_show']){ ?>
            data-info-url="<?php echo $this->href_to('info'); ?>"
        <?php } ?>
    <?php } ?>
>
    <?php if ($target_subject == 'anec'){ ?>
    <div class="arrow up">
        <?php if ($is_enabled){ ?>
            <b><a href="#vote-up" class="vote-up5" style = "color:green"; title="<?php echo LANG_RATING_VOTE_UP; ?>">+5</a></b>
        <?php } else { ?>
            <span class="disabled" style = "color:silver"; title="<?php html( $is_voted ? LANG_RATING_VOTED : LANG_RATING_DISABLED ); ?>">+5</span>
        <?php } ?>
    </div>
	<div class="arrow up">
        <?php if ($is_enabled){ ?>
            <b><a href="#vote-up" class="vote-up3" style = "color:green"; title="<?php echo LANG_RATING_VOTE_UP; ?>">+3</a></b>
        <?php } else { ?>
            <span class="disabled" style = "color:silver"; title="<?php html( $is_voted ? LANG_RATING_VOTED : LANG_RATING_DISABLED ); ?>">+3</span>
        <?php } ?>
    </div>
	<?php } ?>
	<div class="arrow up">
        <?php if ($is_enabled){ ?>
            <b><a href="#vote-up" class="vote-up1" style = "color:green"; title="<?php echo LANG_RATING_VOTE_UP; ?>">+1</a></b>
        <?php } else { ?>
            <span class="disabled" style = "color:silver"; title="<?php html( $is_voted ? LANG_RATING_VOTED : LANG_RATING_DISABLED ); ?>">+1</span>
        <?php } ?>
    </div>
 
    <div class="score" title="<?php echo LANG_RATING; ?>">
        <?php if ($options['is_hidden'] && !$is_voted && ($is_enabled || $is_guest)){ ?>
            <span>&mdash;</span>
        <?php } else { ?>
            <span class="<?php echo html_signed_class($current_rating); ?><?php if ($options['is_show']) { ?> clickable<?php } ?>">
                <?php echo html_signed_num($current_rating); ?>
            </span>
        <?php } ?>
    </div>
 
    <div class="arrow down <?php if (!$is_enabled){ ?>disabled<?php } ?>">
        <?php if ($is_enabled){ ?>
           <b> <a href="#vote-down" class="vote-down1" style = "color:red"; title="<?php echo LANG_RATING_VOTE_DOWN; ?>">-1</a></b>
        <?php } else { ?>
            <span class="disabled" style = "color:silver"; title="<?php html( $is_voted ? LANG_RATING_VOTED : LANG_RATING_DISABLED ); ?>">-1</span>
        <?php } ?>
    </div>
	<?php if ($target_subject == 'anec'){ ?>
	<div class="arrow down <?php if (!$is_enabled){ ?>disabled<?php } ?>">
        <?php if ($is_enabled){ ?>
            <b><a href="#vote-down" class="vote-down3" style = "color:red"; title="<?php echo LANG_RATING_VOTE_DOWN; ?>">-3</a></b>
        <?php } else { ?>
            <span class="disabled" style = "color:silver"; title="<?php html( $is_voted ? LANG_RATING_VOTED : LANG_RATING_DISABLED ); ?>">-3</span>
        <?php } ?>
    </div>
	<div class="arrow down <?php if (!$is_enabled){ ?>disabled<?php } ?>">
        <?php if ($is_enabled){ ?>
            <b><a href="#vote-down" class="vote-down5" style = "color:red"; title="<?php echo LANG_RATING_VOTE_DOWN; ?>">-5</a></b>
        <?php } else { ?>
            <span class="disabled" style = "color:silver"; title="<?php html( $is_voted ? LANG_RATING_VOTED : LANG_RATING_DISABLED ); ?>">-5</span>
        <?php } ?>
    </div>
	<?php } ?>
 
</div>

rating.js

Спойлер

 
    this.onDocumentReady = function(){
 
       $('.rating_widget').each(function(){
 
            var widget = $(this);
 
            var controller = widget.data('target-controller');
            var subject = widget.data('target-subject');
            var id = widget.data('target-id');
 
            $('a.vote-up1', widget).click(function(){var points =1;
                icms.rating.vote('up', controller, subject, id, points);
            });
 
            $('a.vote-down1', widget).click(function(){var points =1;
                icms.rating.vote('down', controller, subject, id, points);
            });
			$('a.vote-up3', widget).click(function(){var points =3;
                icms.rating.vote('up', controller, subject, id, points);
            });
 
            $('a.vote-down3', widget).click(function(){var points =3;
                icms.rating.vote('down', controller, subject, id, points);
            });
			$('a.vote-up5', widget).click(function(){var points =5;
                icms.rating.vote('up', controller, subject, id, points);
            });
 
            $('a.vote-down5', widget).click(function(){var points =5;
                icms.rating.vote('down', controller, subject, id, points);
            });
 
            $('.score span.clickable', widget).on("click", function(){
                var url = widget.data('info-url');
                icms.modal.openAjax(url, {
                   controller: controller,
                   subject: subject,
                   id: id
                });
            });
 
        });
 
    }
 
    //====================================================================//
 
    this.vote = function(direction, controller, subject, id, points){
 
        var widget_id = 'rating-' + subject + '-' + id;
        var widget = $('#'+widget_id);
 
        $('.arrow', widget).html('<span class="disabled"></span>');
        $('.score', widget).html('<div class="loading-icon"></div>');
 
        $.post(this.options.url, {
 
            direction: direction,
            controller: controller,
            subject: subject,
            id: id,
			points: points
 
        }, function(result){
 
            if (!result.success){
                $('.score', widget).html('<span class="zero">&mdash;</span>');
                return;
            }
 
            $('.score', widget).html('<span class="'+result.css_class+'">'+result.rating+'</span>');
            $('.disabled', widget).attr('title', result.message);
 
        }, "json");
 
    }

vote.php

Спойлер

class actionRatingVote extends cmsAction{
 
    public

#8 5 декабря 2015 в 20:25

проблема, как: невозможность просмотра списка голосовавших, после голосования, и до перезагрузки страницы?
Виктор

А это проблема? Это вроде изначально так было задумано.
Сразу после голосования список голосовавших недоступен до перезагрузки. Проверьте на заново установленном тестовом сайте — там точно также.

Как вынести заголовок вверх по

HTML шаблоны

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

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

Похожие темы

[ЕСТЬ РЕШЕНИЕ] Добавить к классам css значение из переменной?

Как получить и вывести значение переменной поля типа контента на странице другого типа контента

[ЕСТЬ РЕШЕНИЕ] Поднять версию PHP Биллинга с PHP 5.6 до 7.4

Значения доп. полей = значения поиска

[ЕСТЬ РЕШЕНИЕ] Не редактируются значения полей в 2.14

Передать данные в экшен

InstantCMS Team

О проекте

Поддержка

Дополнения