flask、jquery、post

该文章展示了一个HTML表单,用户可以输入SQL查询。当点击提交按钮时,JavaScript通过AJAX向PythonFlask应用发送POST请求。服务器端接收到请求后处理SQL(在此处仅添加了一条信息),并将修改后的SQL返回给前端。
摘要由CSDN通过智能技术生成

html:

<link href="../../static/css/bootstrap.min.css" rel="stylesheet">

<script src="../../static/js/jquery.min.js"></script>

<script src="../../static/js/popper.min.js"></script>

<script src="../../static/js/bootstrap.min.js"></script>

<div class="card-body">

<p class="card-title">SQL</p>

<form class="forms-sample">

<div class="form-group">

<textarea class="form-control" id="mainSql" rows="4"></textarea>

</div>

<button id="sqlSubmit" type="btn btn-dark" class="btn btn-primary me-2">提交</button>

<button class="btn btn-light">Cancel</button>

</form>

</div>

javascript:

<script>

<!--加载文本文件-->

$(document).ready(function(){

//加载table

$("#sqlSubmit").click(function(){

bef_sql= $("#mainSql").val();

alert(bef_sql);

$.post("aj_tab",

{

bef_sql:bef_sql

},

function(data,status,xhr){

if(status=="success")

alert("Data: " + data + "\nStatus: " + status);

if(status=="error")

alert("ERROR"+xhr.status+": "+xhr.statusText);

});

});

})

</script>

python

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

def aj_tab():

if request.method=='POST':

print("aj_tab is running!!!")

sql=request.form.get("bef_sql")

sql=sql+'增加了'

return sql

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值