Javascript 使用2个表单将数据从flask发送到html

我必须将数据发送到html。现在，它第一次通过填充主表的

render_模板（'page1.html'，data=data）

执行此操作。现在，当我单击主表的任何一行时，我想通过

url\u再次调用flask（entrypoint）

，然后再次对第二个表执行

render\u模板（'page1.html'，data=data2）

。但如何区分它们呢？我的意思是html如何知道哪些数据是为谁而来的？请给我一些建议。我是javascript和html的新手。我计划以不同的形式保留主表和次表。如果这是一个好决定，请给出建议

在我的html（page1.html）中，我写了

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script>
    function getId(element) {
    var row_index=element.rowIndex;

    $.ajax({
            url: '/get_details',
            data: document.getElementById("table1").rows[row_index].cells[5].innerHTML),
            type: 'POST',
            success: function(response){
                console.log(response);
            },
            error: function(error){
                console.log(error);
            }
         });

这是截至目前填充表1的记录的入口点代码：

@app.route('/records')
@login_required
def records():
    if current_user.priviledge:
        data = get_records_by_userid(None)
    else:
        data = get_records_by_userid(current_user.id)
    list_data = []
    for row in data:
        list_data.append([])
        for col, val in row.items():
            list_data[-1].append(val)
    return render_template('records.html', data=list_data)

我在我的烧瓶代码中没有看到这个被触发。我的ajax代码中有什么错误？？另外，如何将数据从flask获取到第二个表的同一html文件中

非常感谢，

---

Sudip将此添加到JAvascript代码中：

$.ajax(function() {
    headers = {'X-CSRFToken' : $('#csrf_token').val() },
    ...
});

---

这是允许验证AJac的标记更新：错误是由于ajax函数语法引起的。在ajax中的数据中使用了额外的“）”…哎呀，这太糟糕了

您可以将两个表分发到不同的端点，或者将一个附加参数传递到

url\u以用于

，通过该参数可以区分哪些表调用端点以及要提供哪些数据。因为您需要

单击
操作来填充第二个表，您可以使用AJAX调用填充表2的第二个端点。您是否可以包含一些代码以了解您要做的事情？也更好，因为如果我或其他人找到一个解决方案，可以用您自己的代码进行重播，但编辑是的，谢谢您的建议，添加了代码。感谢@SeyiDaniel和Detlef的建议，如果可能的话，我决定使用ajax。
数据：{patientid:document.getElementById（“table1”）.rows[row_index].cells[5].innerHTML}
，也许可以解决这个问题？
@app.route('/records')
@login_required
def records():
    if current_user.priviledge:
        data = get_records_by_userid(None)
    else:
        data = get_records_by_userid(current_user.id)
    list_data = []
    for row in data:
        list_data.append([])
        for col, val in row.items():
            list_data[-1].append(val)
    return render_template('records.html', data=list_data)

$.ajax(function() {
    headers = {'X-CSRFToken' : $('#csrf_token').val() },
    ...
});