Framework AJAX

Ce framework JavaScript intégré offre des fonctionnalités AJAX simples mais puissantes. Découvrez l'exemple de calculatrice ci-dessous.

Calculateur


  Le balisage HTML pour cet exemple :

<!-- The form -->
<form role="form" data-request="onTest" data-request-update="calcresult: '#result'">
    <input type="text" value="15" name="value1">
    <select name="operation">
        <option>+</option>
        <option>-</option>
        <option>*</option>
        <option>/</option>
    </select>
    <input type="text" value="5" name="value2">
    <button type="submit">Calculer</button>
</form>

<!-- The result -->
<div id="result">{% partial "calcresult" %}</div>

  Le fichier calcresult dans les modèles "partial" :

{% if result %}
    Le résultat est {{ result }}.
{% else %}
    Cliquez sur le bouton <strong><em>Calculer</em></strong> pour obtenir la réponse. 
{% endif %}

  Le code PHP en mode Test onTest :

function onTest()
{
    $value1 = input('value1');
    $value2 = input('value2');
    $operation = input('operation');

    switch ($operation) {
        case '+' :
            $this['result'] = $value1 + $value2;
            break;
        case '-' :
            $this['result'] = $value1 - $value2;
            break;
        case '*' :
            $this['result'] = $value1 * $value2;
            break;
        default :
            $this['result'] = $value1 / $value2;
            break;
    }
}

Continue to Plugin components