Home

Tags

jquery serializeArray + post на bottle

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)


см jquery serialize + python bottle