mirror of https://github.com/mitsuhiko/flask.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
808 B
26 lines
808 B
15 years ago
|
<!doctype html>
|
||
|
<title>jQuery Example</title>
|
||
|
<script type=text/javascript
|
||
|
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
|
||
|
<script type=text/javascript src="{{ url_for('static', filename='app.js')
|
||
|
}}"></script>
|
||
|
<script type=text/javascript>
|
||
|
var $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
|
||
|
|
||
|
$(function() {
|
||
|
$('a#calculate').bind('click', function() {
|
||
|
$.getJSON($SCRIPT_ROOT + '/_add_numbers', {
|
||
|
a: $('input[name="a"]').val(),
|
||
|
b: $('input[name="b"]').val()
|
||
|
}, function(data) {
|
||
|
$("#result").text(data.result);
|
||
|
});
|
||
|
});
|
||
|
});
|
||
|
</script>
|
||
|
<h1>jQuery Example</h1>
|
||
|
<p><input type=text size=5 name=a> +
|
||
|
<input type=text size=5 name=b> =
|
||
|
<span id=result>?</span>
|
||
|
<p><a href=# id=calculate>calculate server side</a>
|