python:python bottle实现jquery ajax调取数据接口

github_37320188

于 2018-09-14 11:17:25 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： python 前端文章标签： python python bottle ajax 无刷新注册

本文链接：https://blog.youkuaiyun.com/github_37320188/article/details/82699857

本文介绍了如何使用Python的Bottle框架与jQuery的AJAX实现无刷新的邮箱验证码发送功能。在注册过程中，通过AJAX发送请求，Bottle通过全局hook捕获并处理请求，避免页面重载。详细阐述了HTML页面、JavaScript代码以及Bottle框架中的处理方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发环境：

python 3.6+
python bottle 0.13

需求

python bottle是python 的 web 小型框架，python bottle官方文档，戳这里

后台路由框架与ajax的配合不友好，大概是通病，虽然bottle 已经提供了非常强大的请求处理方法，但是都基于页面重加载，在某些场景，其实并不需要重加载页面，只是需要向后端发送请求，得到请求已经接收的响应即可。如下图所示场景：
这里写图片描述

在注册过程中，通过所输入邮箱，点击获取验证码，只需向后端发送请求，让后端发送邮件到输入邮箱，根本不需要刷新当前页面。要实现无刷新，jquery ajax是一个比较好的方法之一。

实现原理

注册页面html代码

<form action="/sign_do" method="post">
    <div class="form-group login_header">
        <div class="row">
            <div class="col-sm-4">
                <span><strong>注册</strong></span>
            </div>
            <div class="col-sm-8 go_sign">
                <a href="/login">已有账号？去登录>></a>
            </div>
        </div>
    </div>
    <div class="form-group">
        <label for="InputEmail1">Email address</label>
        <input type="email" class="form-control" id=