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) { + $('