天气查询---利用tornado 前端后台数据的交互

最新推荐文章于 2025-04-29 15:15:49 发布

小鹰丶

最新推荐文章于 2025-04-29 15:15:49 发布

阅读量3.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： # ajax Python # tornado # json # JavaScript # jQuery 文章标签： tornado python JavaScript ajax jQuery

本文链接：https://blog.youkuaiyun.com/jeremyjone/article/details/80356145

本文介绍了如何使用Tornado框架在Python后端与JavaScript（jQuery, AJAX）进行数据交互，实现实时查询天气功能。当选择省份时，城市列表自动更新。通过AJAX发送请求，后台处理后返回JSON数据，前端解析并动态更新选项。注意在添加新option前需清理select元素，使用length属性实现。" 103773242,5721087,理解保险：概率、风险与生活尊严,"['风险管理', '保险知识', '概率统计', '生活安全', '财务规划']

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

数据接口在juhe.cn，有接口，其实理论上就可以调用任何可以得到的数据。

因为查询天气需要两次数据交互，但是我希望的是选择省份之后自动出来城市列表，又没有学过ajax，这可费了劲了，查了半天资料，可算出来了。

直接贴码：

打开的页面，可以选择城市，

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查询天气</title>
    <script src="static/js/jquery-3.2.1.js"></script>
</head>
<body>
    <div>
        <form action="/show" method="post">
            <p>
                选择省份:
                <select name="province_id" id="province_id" onchange="getValue()">
                    {% for p_res in province_result %}
                    <option value="{
  {p_res['id']}}">{
  {p_res["province"]}}</option>
                    {% en