后端代码:
@app.route("/test",methods=['POST','GET']) def test(): return "我是测试的"
前端代码:
1、使用<a>标签
<a href="{ {url_for('test')}}">我是测试</a>
这个是最简单的,点击一下,就自动跳转了。
2、使用<button>的onclick
说起这个,光这个click就折腾了我一整天了。网上找不到啊。初学 网页+Python+Flask,所以根本不懂啊,又找不到。最后终于解决。
<button οnclick="window.location.href='{ { url_for("test") }}'">点我啊</button>
之前为什么一直失败呢,因为 <a>标签是直接{ {url_for('test')}}就可以了,所以我当时就想啊,onclick肯定也一样啊,直接
<button οnclick="{ { url_for("test") }}">点我啊</button>#这是错误的哦
导致一直失败,百度也找不到,可能是因为太简单了吧。反正记录下,说不定也有其他小白和我一样呢,哈哈哈。
<script> function testclick(name) { //window.location.href="{ { url_for("test") }}"; window.open("{ { url_for("test") }}","_self"); } </script> <button οnclick="testclick('淘宝:梦琪动漫屋')">点击我啊</button>
这样写法也一样的。
3、前端ajax发送数据,后台接收数据(4种颜色,4种写法)
Html:
$.ajax({ url:'/test', type:'POST',
data:JSON.stringify({'username':'js','psw':'123456789'}),
#或者data: {jsdata: JSON.stringify({'username': 'js','psw': '132456789'})},
#或者data:{'username':'js','psw':'123456789'},
#或者data:"username=js&psw=123",
dataType: 'json', success:function(res){ console.log(res) console.log(0) }, error:function (res) {