AJAX framework
This built-in JavaScript framework provides simple but powerful AJAX capabilities. Check out the calculator example below.
Calculator
The HTML markup for this example:
<!-- 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">Calculate</button> </form> <!-- The result --> <div id="result">{% partial "calcresult" %}</div>
The calcresult
partial:
{% if result %} The result is {{ result }}. {% else %} Click the <em>Calculate</em> button to find the answer. {% endif %}
The onTest
PHP code:
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; } }
Nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatats.
Comments
Johnson Stainter
March 31, 2021 at 12:58 amLaboret dolore magn aliqua. Ut eniml minim veniam qus nostrud exercitation nisiut aliquip consequat. Duis aute rure dolor reprehenderits.
Tina Shane
March 31, 2021 at 12:58 amLaboret dolore magn aliqua. Ut eniml minim veniam qus nostrud exercitation nisiut aliquip consequat. Duis aute rure dolor reprehenderits.