From f962fcaa992fecf7838a97cc7f8c1f491809dd94 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=B6=B5=E6=9B=A6?= Date: Tue, 30 Apr 2024 12:47:57 +0000 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=9C=AC=E5=9C=B0=E9=9F=B3?= =?UTF-8?q?=E4=B9=90=E6=A8=A1=E7=B3=8A=E6=90=9C=E7=B4=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 1 + xiaomusic/httpserver.py | 4 ++++ xiaomusic/static/app.js | 22 ++++++++++++++++++++++ xiaomusic/static/index.html | 3 ++- xiaomusic/utils.py | 4 ++++ xiaomusic/xiaomusic.py | 11 +++++++++++ 6 files changed, 44 insertions(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index 558856e..de33f45 100644 --- a/.gitignore +++ b/.gitignore @@ -163,3 +163,4 @@ cython_debug/ ffmpeg music +test.sh diff --git a/xiaomusic/httpserver.py b/xiaomusic/httpserver.py index 7750857..d525a81 100644 --- a/xiaomusic/httpserver.py +++ b/xiaomusic/httpserver.py @@ -28,6 +28,10 @@ def getvolume(): "volume": xiaomusic.get_volume(), } +@app.route("/searchmusic") +def searchmusic(): + name = request.args.get('name') + return xiaomusic.searchmusic(name) @app.route("/", methods=["GET"]) def redirect_to_index(): diff --git a/xiaomusic/static/app.js b/xiaomusic/static/app.js index ed818c3..f68a7f4 100644 --- a/xiaomusic/static/app.js +++ b/xiaomusic/static/app.js @@ -64,4 +64,26 @@ $(function(){ } }); } + + // 监听输入框的输入事件 + $("#music-name").on('input', function() { + var inputValue = $(this).val(); + // 发送Ajax请求 + $.ajax({ + url: "searchmusic", // 服务器端处理脚本 + type: "GET", + dataType: "json", + data: { + name: inputValue + }, + success: function(data) { + // 清空datalist + $("#autocomplete-list").empty(); + // 添加新的option元素 + $.each(data, function(i, item) { + $('