代码之家 › 专栏 › 技术社区 › Mr. Dulla

如何将字典键显示为按钮并在flask中获得用户输入?

spotify flask python

-1

Mr. Dulla · 技术社区 · 7 年前

我有一个flask脚本,当前可以从用户那里获取Spotify播放列表信息。我想向用户显示播放列表的名称,并让他们选择一个按钮,将播放列表id返回到我的脚本中。到目前为止,我已经:

playlist_api_endpoint = "{}/playlists".format(profile_data["href"])
playlists_response = requests.get(playlist_api_endpoint, 
headers=authorization_header)
playlist_data = json.loads(playlists_response.text)

它将返回一个json,类似于:

    {
    "href": "https://api.spotify.com/v1/users/wizzler/playlists",
  "items": [ {
    "collaborative": false,
    "external_urls": {
      "spotify": "http://open.spotify.com/user/wizzler/playlists/53Y8wT46QIMz5H4WQ8O22c"
    },
    "href": "https://api.spotify.com/v1/users/wizzler/playlists/53Y8wT46QIMz5H4WQ8O22c",
    "id": "53Y8wT46QIMz5H4WQ8O22c",
    "images" : [ ],
    "name": "Wizzlers Big Playlist",
    "owner": {
      "external_urls": {
        "spotify": "http://open.spotify.com/user/wizzler"
      },
      "href": "https://api.spotify.com/v1/users/wizzler",
      "id": "wizzler",
      "type": "user",
      "uri": "spotify:user:wizzler"
    },
    "public": true,
    "snapshot_id" : "bNLWdmhh+HDsbHzhckXeDC0uyKyg4FjPI/KEsKjAE526usnz2LxwgyBoMShVL+z+",
    "tracks": {
      "href": "https://api.spotify.com/v1/users/wizzler/playlists/53Y8wT46QIMz5H4WQ8O22c/tracks",
      "total": 30
    }

我有以下代码来获取所有播放列表的名称和ID:

 href_playlist_names = []
 href_playlist_id = []
 for items in playlist_data:
    href_playlist_names.append(items['items']['name'])
    href_playlist_id.append(items['items']['id'])

我想知道如何构建一个渲染模板,将每个名称作为函数呈现,并将相应的id作为python变量返回给我的脚本。

1 回复 | 直到 7 年前

diypcjourney 7 年前

我会这样做:

将href\u playlist\u名称传递到渲染模板并创建按钮。

这样地:

应用程序。py公司

render_template("your_template_name.html", names = href_playlist_names)

您的\u template\u名称。html

{% for name in names %}
<button onclick = "give_id_to_server({{name}})" >{{name}}</button>
{% endfor %}

<script>
function give_id_to_server(name) {
    $.ajax({
            type: 'POST',
            url: 'http://localhost:your_port/receive_id',
            data: name,
        });
}
</script>

然后在你的应用程序中。py,制作一个烧瓶布线点,以接收如下数据:

应用程序。py公司

@app.route('/receive_id')
def do_something_with_id():
    *do whatever you want to with the id

希望这有帮助!

推荐文章

Kevin Müller · 使用javascript更改字节保存二进制数据

2 年前

NextNightFlyer · 如何将参数传递给Python应用程序的Get请求?

2 年前

Tushar Nautiyal · 我们需要在Flask应用程序中进行功能缩放吗

2 年前

Santhosh S · 在flask中使用会话

2 年前

sK500 · 从flask传递到JS的值是html格式的,而不是静态的

2 年前

Callum · 在HTML(Python应用程序)中使用变量时,在{name}周围放置不必要的括号

2 年前

Nadav Holtzman · 如何使用javascript更改HTML中的Flask WTForm字段值?

2 年前

Degun · 图表Js:如何根据第三个数据更改点的颜色

2 年前

Jae_JPN · HTML不会将参数传递给缺少1个必需的位置参数的烧瓶

2 年前

Shwetha K · Docker错误:MySQLdb_例外。操作错误:(2002,“无法通过套接字'/var/run/mysqld/mysqld.sock'(2)连接到本地MySQL服务器”)

2 年前