Question

我很难弄清楚该怎么做。我目前安装了带有PyMySQL和SQLAlchemy的Flask来处理后端数据库连接。我已将连接链接到配置文件中，并一直使用良好。前端使用带有引导程序的Angular CLI，但安装了其他东西，例如JQUERY，Popper和primeng。

问题是我需要访问数据库并从前端的表单中更新/删除/插入数据。因此，用户可以在文本框中输入查询，然后我的数据库将运行它。我知道如何从后端获取数据并将其显示在前端，但是我不知道该怎么做。

这样，如果更新/删除/插入上出现错误消息（例如违反外键策略），则该消息需要显示回前端。

任何对此的帮助都将非常有用，谢谢！

Answer 1

您可以使用AJAX提交表单。用户单击表单上的“提交”按钮后，便可以从input s中收集表单中的所有数据，并像这样发送（使用JQuery）：

$(function() {
    $('button').click(function() {
        $.ajax({
            url: '/signUpUser',
            data: $('form').serialize(),
            type: 'POST',
            success: function(response) {
                console.log(response);
            },
            error: function(error) {
                console.log(error);
            }
        });
    });
});

在烧瓶侧面：

@app.route('/signUpUser', methods=['POST'])
def signUpUser():
    user =  request.form['username']
    password = request.form['password']
    # Use form data for CRUD in your database

只是Google如何使用angular发送ajax请求（不知道您使用的是哪个版本）

从前端更新数据库表

1 个答案: