python flask-避免在动态表上发帖返回呈现模板

bhmjp9jg  于 2021-06-23  发布在  Mysql
关注(0)|答案(1)|浏览(390)

这个问题在这里已经有答案了

如何提交无重定向的html表单(11个答案)
两年前关门了。
我有一个使用flask的python应用程序,它有以下核心路线:

@app.route('/test_limit', defaults={'page':1})
@app.route('/test_limit/page/<int:page>')
def test_results_limit(page):
    perpage=10
    startat=page*perpage
    results = []
    cursor = db.cursor()
    cursor.execute('SELECT * from pi_fb_limit limit %s, %s;', (startat,perpage))
    table = list(cursor.fetchall())
    return render_template('results_limits.html', table=table)

@app.route('/infringement/FB/<int:id>')
def infringement(id):
    cursor = db.cursor()
    cursor.execute('UPDATE p_test_search SET infringement = ''TRUE'' WHERE ID = %s', (id))  
    db.commit()
    return render_template('results_limits.html')

在我的html文件“result\u limits.html”中,我有一个迭代mysql资源的html代码:

</table>
<tbody>
         {% for tab in table %}
            <tr class="zoomin">
               <th> {{tab[0]}} </th>
               <td> {{tab[9]}} </td>
               <td><button type="button" onclick="location.href='/infringement/FB/'+{{tab[0]}};return false;" class="btn btn-danger">Infringement</button></td>
            </tr>   
         {% endfor %}
        </tbody>
  </table>

一切正常,但我的问题是,当上面的按钮调用route@app.route('/invertion/fb/')时,浏览器被重定向到result\u limits.html。相反,我希望避免任何重定向,并保持在同一页上,每一行按钮都在创建post(更新记录)。
有什么建议吗?谢谢你regs sl

yvfmudvl

yvfmudvl1#

您需要使用javascript提交数据,而无需重新加载页面。
比如:

function submit_infringement(id) {
  this.removeAttribute('onclick');  // Prevent sumbitting twice.
  var x = new XMLHttpRequest();
  x.open('GET', '/infringement/FB/' + id, true);
  x.onload = function() {
    this.textContent = 'Infringement report sent!';
  }
  x.onerror = function(error) {
    (console.error || console.log)(error);
    this.textContent = 'An error occured. Try again.';
    this.onclick = function() { sumbit_infringemet(id); }
  }
  this.textContent = 'Sending infringement report...';
  x.send(null);
}
<td>
  <button type="button" onclick="sumbit_infringement({{tab[0]}});" class="btn btn-danger">
    Infringement
  </button>
</td>

相关问题