Flask笔记(一):Ajax

1,request.form属性是Flask公开的字典,其中包含提交中的所有数据

正常情况下WTF会自动完成工作,但Ajax没有使用表单所以需要手动查看

查看方式:

request.form['<item>']

2,Flask中可以使用jsonify在视图函数中返回json数据,使用格式如下

return jsonify({'text':'test'})

3,使用JQuery提交Ajax的语法如下

$.post(<url>, <data>).done(function(response) {
    // success callback
   }).fail(function() {
// error callback
})

使用例子

$.post('/translate', {
          text: $(sourceElem).text(),
          source_language: sourceLang,
          dest_language: destLang
     }).done(function(response) {
          $(destElem).text(response['text'])
     }).fail(function() {
          $(destElem).text("{{ _('Error: Could not contact server.') }}");
     });

4,在a标签中使用javascript函数

<a href="javascript:func(<arg>);"</a>

注意:视图函数接收请求的方式应为POST

猜你喜欢

转载自www.cnblogs.com/shitianfang/p/12380759.html