Python后端配合前端实现数据修改的完整流程

周末不加班

发布时间：2026-10-13| 4人浏览过

原创

本文介绍如何利用Python后端接收前端通过按钮点击提交的JSON格式数据，解析后使用Django ORM对数据库记录进行更新。前端通过jQuery发送POST请求，后端解析请求体并执行更新操作，返回处理结果。

数据修改流程概述

实现数据修改的基本流程是：前端收集用户输入的数据，将其转换为JSON格式并发送至后端接口；后端接收该JSON数据，解析出具体字段值，随后根据这些值对数据库中的对应记录执行修改操作。

前端交互实现

前端界面包含一个更新按钮及用于输入ID、姓名和年龄的文本框。当用户点击更新按钮时，JavaScript会获取这些输入框的值，构建一个包含id、name和age的对象。


<div style="padding: 10px;">
  <button class="king-btn-demo king-btn king-success" id="update_id">UPDATE</button>
  ID : <input id = "id_up" type="text">
  NAME : <input id = "name_up" type="text">
  AGE : <input id = "age_up" type="text">
</div>
$("#update_id").click(
  function user_update() {
    data = {
      id:$("#id_up").val(),
      name:$("#name_up").val(),
      age:$("#age_up").val()
    }
    data = JSON.stringify(data);
    $.post("http://127.0.0.1:8000/"+'user_update/',data,function (res) {
      if (res.result){
        alert('update success!!!')
      }
      else {
        alert(res.message)
      }

    })
  }
)

后端处理逻辑

后端使用Python编写处理逻辑。接收HTTP POST请求后，解析请求体中的JSON数据，提取id、name和age字段。利用Django的ORM框架，根据id筛选目标User对象，并更新其name和age字段。最后返回包含result字段的JSON响应，指示操作是否成功。


def user_update(request):
  data = json.loads(request.body)
  print data
  id = data["id"]
  name = data["name"]
  age = data["age"]
  User.objects.filter(id=id).update(name=name,age=age)
  return render_json({'result':True})

以上介绍了通过Python后端处理前端数据并提交修改的完整实现方式。该示例展示了前后端交互的基本模式，供读者参考与实践。