2010-11-25 jquery web form python serializearray bottle
Пример использования jquery serializeArray на bottle. В примере берутся все элементы формы и отправляются post запросом на сервер.
# coding: utf8
from bottle import run, debug, get, post, view, request
page = """<html><head>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.number').keyup(function(event) {
res = { 'prefix': 'prx: ' };
$.each( $("form").serializeArray() , function(i, field){
res[field.name] = field.value;
});
$.post('/sum', res, function(data) {
$('#c').val(data);
});
});
});
</script>
</head>
<body>
<form>
<input class="number" name="a" type="text" /> +
<input class="number" name="b" type="text" /> =
<input id="c" type="text" />
</form>
</body>
</html>"""
@get('/')
def main():
return page
@post('/sum')
def main_post():
try:
return request.POST['prefix'] + \
str( int(request.POST['a']) + int(request.POST['b']) )
except:
return 'error'
debug(True)
run(reloader=True, port=8081)