V2EX = way to explore V2EX 是一个关于分享和探索的地方
Sign Up Now For Existing Member Sign In
推荐学习书目 Learn Python the Hard Way Python Sites PyPI - Python Package Index http://diveintopython.org/toc/index.html Pocoo 值得关注的项目 PyPy Celery Jinja2 Read the Docs gevent pyenv virtualenv Stackless Python Beautiful Soup 结巴中文分词 Green Unicorn Sentry Shovel Pyflakes pytest Python 编程 pep8 Checker Styles PEP 8 Google Python Style Guide Code Style from The Hitchhiker's Guide
This topic created in 3168 days ago, the information mentioned may be changed or developed.
基本情况： 最近折腾 Flask，学着做了一个小项目练手。会用简单的 html+css，不会 js
app.py 文件内容如下:
# app.py import random from flask import Flask, render_template app = Flask(__name__) ### One douban film short comment ### ### random output ### @app.route("/", methods=["GET"]) def index(): return render_template("index.html") @app.route("/douban", methods=['GET']) def Comment(): with open('douban.txt', 'r') as f: lines = f.readlines() num = random.choice(range(len(lines))) return lines[num] if __name__ == "__main__": app.run() 模板文件夹 templates 下 index.html 文件内容如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>My Flask</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> </head> <body> <div id="comment"></div> <script> $.get('/douban').done(function (data) { var para=document.createElement("p"); var node=document.createTextNode(data); para.appendChild(node); var element=document.getElementById("comment"); element.appendChild(para); }); </script> </body> </html> 现在可以做到的是，按 F5，首页会重新加载一条豆瓣电影短评，但这样不太方便。
所以我想如果在页面内添加一个刷新按钮，点击后 局部刷新 <div id="comment"> 会好很多，请问该怎么做呢
P.S 附上 douban.txt
 | 1 111111111111 Aug 26, 2017 via Android 了解一下 ajax |
 | 2 LeeSeoung Aug 26, 2017 加一个 button 添加 onclick 事件，发请求，在回调里刷新页面元素。 |
 | 4 loading Aug 26, 2017 《锋利的 jQuery 》，去买一本看吧。 |
 | 5 Kilerd Aug 26, 2017 via iPhone 楼上都给出思路了，还想要具体代码？ |
 | 6 pipapa Aug 26, 2017 前端后端分离,发送 post 请求,异步刷新 |
 | 7 dong3580 Aug 26, 2017 via Android 你都说了是 Ajax，先去了解一下何为 Ajax， |
 | 8 fatears Aug 26, 2017 via iPad 都引入 jquery 了为什么还用原生 js 来写 |
 | 9 schema OP 收藏倒不少了。。。搞不懂 |
 | 10 TJT Aug 27, 2017 套个 iframe，然后 reload 这个 iframe 就好了，简单快捷 （滑稽 |
 | 11 kitar Aug 30, 2017 <button Onclick="newMonitorModal(0)">新建调度</button> function newMonitorModal(id_) { $('#modal-content').html(""); $.get( "{{ url_for('mt.NewMonitor') }}", { id: id_ }, function (response) { $('#modal-content').html(response); } } ); } |
Select Language