【51】Python前端与服务器通信

前端使用Ajax

示例:当文本框中的内容发生改变,发送内容到服务器

$table.find('tbody tr ').on('change','input',function(){

$.ajax({

url:''+'/addtask',

type:'POST',

data: {value: $(this).val(),

name: $(this).attr('name'),

task_id:$(this).closest('tr').attr('id')

},

success:function(){

alert('保存成功')

},

error:function(){

console.log('task数据保存失败')

}

})

})

后端使用request

接收数据并保存到数据库

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

defaddtask():

ifrequest.method =='POST':

value  = request.form.get('value')

name =  request.form.get('name')

task_id= request.form.get('task_id')

ifname=='taskname':

db.session.add(Task(taskname=value))

db.session.commit()

returnjsonify()

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,828评论 19 139
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 32,377评论 18 399
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,918评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,247评论 0 2
  • 以下是??操作符的声明 可以看到,defaultValue是一个@autoclosure类型的参数。所以我们可以传...
    TomatosX阅读 2,656评论 0 0

友情链接更多精彩内容