分类导航

程序问答发布时间：2022-06-01 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了如何将 HTML 表中的选定行发送到 Flask 并呈现新模板？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何将 HTML 表中的选定行发送到 Flask 并呈现新模板？？

开发过程中遇到如何将 HTML 表中的选定行发送到 Flask 并呈现新模板？的问题如何解决？下面主要结合日常开发的经验，给出你关于如何将 HTML 表中的选定行发送到 Flask 并呈现新模板？的解决方法建议，希望对你解决如何将 HTML 表中的选定行发送到 Flask 并呈现新模板？有所启发或帮助；

我正在尝试建立一个包含酱汁表的网站。我希望能够按下表中的任何酱汁并将选定的酱汁名称发送到我的 python 代码。使用酱汁名称，我将访问我的 sql 数据库以获取有关酱汁的信息，然后将这些信息显示在另一个模板上。

我遇到的问题是发送sauce_name 和渲染模板。由于我使用的是表格，因此无法使用表单，因此我尝试在 Js 中使用 $.post。使用 $.post 我可以将酱汁名称发送到我的 python 代码和数据库中的 SELECT 酱汁。但是，我无法呈现我将在其中显示信息的新模板/页面。

JavaScript：

$("#sauce_table tr").click(function(){
   $(this).addClass('SELEcted').siblings().removeClass('SELEcted');
   var value=$(this).find('td:first').HTML();
   $.post("/login/sauces/sauce",{JavaScript_data: value });

});

HTML

{% extends 'layout.HTML' %}

{% block title %}Profile{% endblock %}

{% block content %}

<!-- CreaTing a search bar for the table belows -->
<input type="text" ID="search_bar" onkeyup="tablefilter()" placeholder="Search for hotsauce">
<!-- CreaTing a table containing sauces-->
<table class ='table sortable' ID = 'sauce_table'>
  <tr class='header'>
    {% for header in headers %}
      <th class='table__cell'>{{header}}</th>
    {% endfor %}
  </tr>
    {% for row in sauce_List %}
      <tr class='table__row'>
      {% for cell in row %}
        <!--{% if loop.index == 1 %}
          <td class='table__cell'><a data-href="{{url_for('sauce')}}" method='POST' >{{Cell}}</a> </td>
        {% else %}
          <td class='table__cell'>{{ cell }}</td>
        {% endif %}-->
        <td class='table__cell'>{{ cell }}</td>
      {% endfor %}
      </tr>
    {% endfor %}
 </table>

 <!-- table search bar script-->
 <script type=text/JavaScript
   src="{{url_for('static',filename='scripts/sauCETableFilter.Js') }}"></script>

<!-- table SELEct-->
 <script type=text/JavaScript
   src="{{url_for('static',filename='scripts/SELEcted_row.Js') }}"></script>

 <!-- table sort script-->
 <script src="https://www.kryogenix.org/code/browser/sorttable/sorttable.Js"></script>

{% endblock %}

蟒蛇

@app.route('/login/sauces')
def sauces():
    if 'loggedin' in session:
        cursor = conn.cursor()
        cursor.execute('SELECT name,Heat,Taste FROM ChilIDB.dbo.HotSauces')
        sauce_List = cursor.fetchall()
        column_names = [column[0] for column in cursor.description]

        return render_template('sauces.HTML',sauce_List = sauce_List,headers = column_names)
    return redirect(url_for('login'))

@app.route('/login/sauces/sauce',methods=['POST'])
def sauce():
    if 'loggedin' in session:
        if request.method == 'POST':
            sauce_name = request.form['JavaScript_data']
            print(sauce_Name)
            cursor = conn.cursor()
            cursor.execute('SELECT * FROM dbo.HotSauces WHERE name = ?',(sauce_name,))
            sauce = cursor.fetchone()
            print(saucE)
            return 'login'
            return render_template('sauce.HTML')
        return redirect(url_for('sauces'))
    return redirect(url_for('login'))