简单使用ajax

最新推荐文章于 2023-10-11 09:51:17 发布

liuyingsxty

最新推荐文章于 2023-10-11 09:51:17 发布

阅读量78

点赞数

分类专栏： Python 文章标签： ajax python

本文链接：https://blog.csdn.net/liuyingsxty/article/details/112905991

版权

Python 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

Python代码

"""
ajax

Async: 异步
JavaScript: JS
and
x: XML 数据的传输格式
"""

from flask import Flask, render_template, request, jsonify

app = Flask(__name__)


@app.route('/index/', methods=['GET', 'POST'])
def index():
    if request.method == 'GET':
        return render_template('index.html')
    else:
        return jsonify({"code": 200, "message": "success"})


if __name__ == '__main__':
    app.run(debug=True)

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
</head>
<body>
<button id="btn">点击</button>
</body>
</html>

<script>
    $("#btn").click(function ()
    {
        $.ajax({
            type: "POST",
            url: "/index/",
            dataType: "json",
            data:{
                "name": "demo",
                "age": 18
            },
            success:function (data){
                alert(data['code']);
            },
            error:function (data){
                alert(data['message']);
            }
        })
    });
</script>

liuyingsxty

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单使用ajax

Python代码"""ajaxAsync: 异步JavaScript: JSandx: XML 数据的传输格式"""from flask import Flask, render_template, request, jsonifyapp = Flask(__name__)@app.route('/index/', methods=['GET', 'POST'])def index(): if request.method == 'GET': retu
复制链接

扫一扫