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

最新推荐文章于 2022-11-08 12:45:39 发布

原创

最新推荐文章于 2022-11-08 12:45:39 发布 · 3.2k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#tornado #python #JavaScript #ajax #jQuery

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

数据接口在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>
                    {% end %}
                </select>
            </p>
            <p>
                选择城市:
                <select name="city_id" id="city_id">
                    {%