【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()