Flask与Ajax
生活随笔
收集整理的這篇文章主要介紹了
Flask与Ajax
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
這篇短文使用jquery。
Flask提供一個很簡單的方法來處理Ajax請求——在視圖函數(shù)中用request的屬性is_xhr來判斷，如果是true則是異步請求。
Jquery的$.getJSON()方法會主動向服務(wù)端發(fā)出ajax請求（不知這個理解是否正確？），服務(wù)端響應(yīng)后調(diào)用$.getJSON的回調(diào)函數(shù)。在回調(diào)函數(shù)中就可以操作Html頁面上的元素了。
?
客戶端：ajax.html
<!doctype html> <html lang="en"><head><meta charset="UTF-8"/><title>Document</title><link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/></head><body><h1>Ajax</h1><div id="test">Show data count:</div><script src="//cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script><script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script><script>$(document).ready(function(){$.getJSON('/ajax',function(data){$('#test').append('<span class="badge">'+data.count+'</span>');});});</script></body> </html>服務(wù)端：
@app.route('/ajax') def y():if request.is_xhr:y = Area.query.all()return jsonify({'count':len(y)})return render_template('ajax.html')?
--End--
?
轉(zhuǎn)載于:https://www.cnblogs.com/ibgo/p/4640773.html
《新程序員》：云原生和全面數(shù)字化實踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的Flask与Ajax的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 端到端的超媒体REST API设计
- 下一篇： 替换RubyGems 镜像