, используя значение, полученное jQuery при вызове функции php

Question

Используя jQuery, я получаю число (идентификатор конкретного виджета на моей странице). Переменная, которая содержит это число, равна active_widget_id.

Что мне нужно сделать, это:

• делают использование этого числа, как в следующем:

<?php $toggleImage = $text_widgets[active_widget_id]['toggle']; ?>

• получить итоговое значение $ toggleImage (это имя файла, например 'big-widget-header.gif')

• И отобразите изображение в div (скажем #toggleHolder) на странице.

Проблема заключается в а) JQuery необходимости работать на document.ready, чтобы получить число, б) и один раз я могу построить «$ text_widgets [active_widget_id] [„тумблер“];», не имея возможности запускать php-код (обертывание его тегами php echo не работает, он просто перечисляет выше, а не его результат.)

Я скорее дизайнер, и я пытаюсь пойти с добавлениями, prepends, html() и т. д., но я подозреваю, что должен посмотреть на решение типа ajax.

Все указатели оценили ...

Answer 1

В основном вам нужно иметь страницу выполнить снова через Ajax вызова (который вы можете сделать с помощью JQuery).

последовательность будет что-то вроде:

1. выполнить PHP кода
2. загрузку страницы
3. запустить текущий код JQuery
4. использовать JQuery, чтобы сделать запрос Ajax проходящего параметр из (3) в качестве GET или POST
5. (запрос запрашивает PHP для вычисления некоторых данных, PHP возвращает значение)
6. parse response from jQuery ajax request в (5)
7. использования JQuery для обновления div и отображать результат с (6)

Answer 2

Вы не можете смешивать на стороне клиента и на стороне сервера, как вы пытаетесь сделать здесь. Что нужно делать, если вы хотите получать данные с сервера, находясь на стороне клиента, запускаются некоторые вызовы $.post/$.ajax/$.get, а затем выполняются модификации DOM в функциях обратного вызова.

(очень грубо) Пример:

$.post('example.com/yourService', data, yourCallbackFunction, 'json'); 

function yourCallbackFunction(data) { 
    $('.yourClass img').attr('src', data.imageSrc); 
}