Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.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 将字符串从JQuery函数发送到Flask_Javascript_Jquery_Python_Flask - Fatal编程技术网

Javascript 将字符串从JQuery函数发送到Flask

Javascript 将字符串从JQuery函数发送到Flask,javascript,jquery,python,flask,Javascript,Jquery,Python,Flask,如何将字符串从JQuery函数传递到Flask代码?我试图在Flask代码中使用类似这样的东西:imname=request.args.get'filename',但它不起作用 为了返回JQuery函数的“filename”,我必须在flask代码中写些什么 JQuery函数: <script type = "text/javascript"> $(document).ready(function(){ $('img').click(function() { var sr

如何将字符串从JQuery函数传递到Flask代码?我试图在Flask代码中使用类似这样的东西:imname=request.args.get'filename',但它不起作用

为了返回JQuery函数的“filename”,我必须在flask代码中写些什么

JQuery函数:

<script type = "text/javascript">
$(document).ready(function(){
  $('img').click(function() {
    var src = $(this).attr('src'),
        filename = src.substring(src.lastIndexOf('/')+ 1);
    $('img').removeClass('selected');
    $(this).addClass('selected');
    $('.selected-image span').text(filename);
  });
});
</script>

您应该在JavaScript端使用AJAX调用来调用您在Flask应用程序中设置的URL:

// example code:
$.ajax({
  url: "http://localhost/some_url",
})
.done(function( data ) {
  if ( console && console.log ) {
    console.log( "Sample of data:", data.slice( 0, 100 ) );
  }
});
然后在烧瓶侧处理,如:

# example code:
@app.route('/some_url')
def some_url_route():
    a = request.args.get('a', 0, type=int)
    b = request.args.get('b', 0, type=int)
    return jsonify(result=a + b)
正在JavaScript端返回所需的数据


您应该在Flask端使用和接收随它发送的任何参数,并相应地处理它们:不幸的是,我不懂AJAX…您能告诉我我必须做什么吗,或者它太长吗?您想在Flask后端访问文件名值吗?@Teo啊,很抱歉,混淆了,AJAX只是一个jQuery方法,这意味着它是一个JavaScript…:我添加了一个答案,并做了一些解释。好的,谢谢!但在flask中,您调用变量“a”和“b”……在JQuery中,这些变量在哪里?我必须把console.log放在我的代码中的什么地方?如上所述,这只是示例代码。在AJAX的帮助下,您将以不同的方式发送变量,具体取决于您使用的GET或POST方法,并根据需要命名它们。在烧瓶侧,您将使用相同的名称进一步处理它们。查看以获得更好的了解。