Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/341.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我想让一个html按钮将我重定向到flask中的另一个端点_Javascript_Python_Html_Rest_Flask - Fatal编程技术网

Javascript 我想让一个html按钮将我重定向到flask中的另一个端点

Javascript 我想让一个html按钮将我重定向到flask中的另一个端点,javascript,python,html,rest,flask,Javascript,Python,Html,Rest,Flask,我正在制作一个hangman应用程序,它将ping Merriam Webster的api。我仍处于开发和学习flask的初始阶段,但我希望在一个端点中呈现一个显示按钮的html模板。这个按钮onClick应该将我重定向到另一个端点,有点像“选择你的模式”选项 唯一的问题是,我不知道我应该使用jquery、ajax、js还是html,或者这些工具是如何工作的。我以前只收到过请求 以下是我的端点片段,后面是我在网上找到的一些html: @app.route('/main', methods

我正在制作一个hangman应用程序,它将ping Merriam Webster的api。我仍处于开发和学习flask的初始阶段,但我希望在一个端点中呈现一个显示按钮的html模板。这个按钮onClick应该将我重定向到另一个端点,有点像“选择你的模式”选项

唯一的问题是,我不知道我应该使用jquery、ajax、js还是html,或者这些工具是如何工作的。我以前只收到过请求

以下是我的端点片段,后面是我在网上找到的一些html:

    @app.route('/main', methods=['GET', 'POST'])
    def main_screen():
        return render_template('main.html')


    @app.route('/main/receive_data', methods=['POST', 'GET'])
    def data_screen():
        the_id = request.args.get('button_id')
        return "<p>Got it!</p>"
@app.route('/main',methods=['GET','POST'])
def主屏幕()
返回呈现模板('main.html')
@app.route('/main/receive_data',methods=['POST','GET'])
def数据_屏幕():
\u id=request.args.get('button\u id')
return“明白了!


这里是虚拟文本
$(文档).read(函数(){
$(“按钮”)。单击(函数(事件){
var_id=event.target.id;
$.ajax({
url:“/接收数据”,
键入:“获取”,
数据:{button_id:the_id},
成功:功能(响应){
$(“#response”).html(response);
},
错误:函数(xhr){
//做点什么来处理错误
}
});
});
});

我想首先你需要:

正确:$(文档)。准备就绪(函数(){

非:$(文档)。读取(函数(){


看看这对你的处境是否有帮助

这不是问题所在