社区所有版块导航
Python
python开源   Django   Python   DjangoApp   pycharm  
DATA
docker   Elasticsearch  
aigc
aigc   chatgpt  
WEB开发
linux   MongoDB   Redis   DATABASE   NGINX   其他Web框架   web工具   zookeeper   tornado   NoSql   Bootstrap   js   peewee   Git   bottle   IE   MQ   Jquery  
机器学习
机器学习算法  
Python88.com
反馈   公告   社区推广  
产品
短视频  
印度
印度  
Py学习  »  Jquery

使用python flask和jquery删除sqlite数据库中的行

MoreScratch • 5 年前 • 1780 次点击  

我不能让这个工作。我只需要用户能够使用按钮删除表中的行。我不希望ui重置或滚动,所以我通过jquery使用ajax。

在APP.PY:

from flask import Flask
from flask import Flask, render_template, request
import sqlite3

app = Flask(__name__)

@app.route("/")
@app.route('/delete', methods=['POST'])

def delete():
    con = sqlite3.connect('ships.db')
    cur = con.cursor()
    cur.execute('DELETE FROM `liners` WHERE liner_ip = "' + request.form['id'] + '"')
    cur.commit()
    con.close()

在index.html中:

$( document ).ready(function() {
    $( 'a.delete' ).click( function( e ) {
        e.preventDefault();
        $.ajax({
            url: '/delete',
            data: $('form').serialize(),
            type: 'POST',
            success: function(response) {
                console.log(response);
            },
            error: function(error) {
                console.log(error);
            }
        });
    });
});

<form action="/delete" method="post" role="form">
    <input type="hidden" name="id" value="{{row['liner_ip']}}">
    <a href="#" class="btn btn-danger delete">DELETE</a>
</form>

该行不会被删除,响应代码为200。所以我不知道问题是什么。我可以确认表单已正确填充,并发出了ajax请求。

有人能给我指一个做这个的样品吗?

Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/41262
 
1780 次点击  
文章 [ 1 ]  |  最新文章 5 年前
Ajax1234
Reply   •   1 楼
Ajax1234    6 年前

而不是 form ,只需创建 input 字段。当选择按钮时, ajax 可以做一个 GET 请求:

from flask import jsonify

@app.route("/")
@app.route('/delete')
def delete():
  con = sqlite3.connect('ships.db')
  cur = con.cursor()
  cur.execute('DELETE FROM `liners` WHERE liner_ip = "' +  request.args.get('id')+ '"')
  cur.commit()
  con.close()
  return flask.jsonify({'success':"True"})

然后,在 html :

<html>
  <head>
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  </head>
    <body>
      <div class='wrapper'> <!--Need wrapper for anchoring button click -->
        <input type="hidden" name="id" class='input_row' value="{{row['liner_ip']}}">
        <button class='delete_row'>DELETE</button>
      </div>
    </body>
    <script>
      $(document).ready(function(){
        $('.wrapper').on('click', '.delete_row', function(){
          var val = $('.input_row').val();
          $.ajax({
            url: "/suggestions",
            type: "get",
            data: {id: val},
            success: function(response) {
              $('.input_row').val('');
            },

          });
        });
      });
    </script>
</html>