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

标签 javascript jquery python flask

如何将字符串从 JQuery 函数传递到 Flask 代码?我正在尝试在 Flask 代码中使用类似这样的内容:imname = request.args.get('filename')但它不起作用。

我必须在 Flask 代码中编写什么才能返回 JQuery 函数的“文件名”?

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 ) );
  }
});

然后在 Flask 端处理它,例如:

# 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 端返回您需要的数据...

Read more about it here!

关于javascript - 将字符串从 JQuery 函数发送到 Flask,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44280146/

相关文章:

javascript - 隐藏/显示具有相同类别的所有 div ID 上的内容

javascript - 检测点击内部/外部 div

python - 尽管有 ForeignKey,仍接受插入的无效值

python - 通过创建可重用模板来最大限度地减少代码重复

jquery - 寻找一个伪第 n 个 child 来应用 CSS 更改

python - 使用 pyinstaller 编译时 "except"期间的 mysql.connector 错误?

javascript - 如何根据对象的两个值对填充有对象的数组进行排序?

javascript - 从标签中删除 rel 属性

javascript - 仅当 contentEditable div 更改时才显示元素

jquery UI 对话框默认第一个按钮样式