en utilisant une valeur récupérée par jQuery lors de l'appel d'une fonction php

Question

Par l'utilisation de jQuery j'arrive à un numéro (id d'un widget spécifique sur ma page). La variable qui contient ce numéro est active_widget_id.

Ce que je dois faire est:

• faire usage de ce numéro comme dans les domaines suivants:

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

• obtenir la valeur résultante toggleImage $ (il est le nom d'un fichier, comme 'big-widget-header.gif')

• Et afficher l'image dans un div (disons #toggleHolder) sur la page.

Le problème est avec a) jQuery besoin de courir à document.ready pour obtenir le numéro, b) et une fois que je suis en mesure de construire "$ text_widgets [active_widget_id] [ 'bascule'];", ne pas être en mesure d'exécuter le code php (envelopper avec des balises php echo ne fonctionne pas, il suffit de la liste ci-dessus, pas son résultat.)

Je suis plus d'un concepteur et je suis en train d'aller avec des ajouts, préfets, html() et tel mais je soupçonne que je devrais regarder un type de solution ajax.

... Tous les pointeurs appréciés

Answer 1

Fondamentalement, vous devez avoir à nouveau la page exécuter par un appel ajax (que vous pouvez faire par jQuery).

La séquence serait quelque chose comme:

1. exécuter du code PHP
2. page se charge
3. exécution en cours du code jQuery
4. utiliser jQuery pour faire un passage de paramètres demande ajax de (3) GET ou POST données
5. (demande demande PHP pour calculer des données, PHP renvoie une valeur)
6. réponse à la requête de jQuery ajax en (5)
7. utilisation jQuery pour mettre à jour le div et afficher le résultat de (6)

Answer 2

Vous ne pouvez pas vraiment mélanger côté client et côté serveur comme vous essayez de faire ici. Ce que vous devez faire si vous voulez obtenir des données du serveur du côté client, c'est exécuter des appels $.post/$.ajax/$.get puis effectuer vos modifications DOM dans les fonctions de rappel.

(très brut) Exemple:

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

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