【Python】【Flask】前端调用后端方法

后端代码：

@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) {