如何将表单数据从 Angularjs 发送到 Django答案

【问题标题】：How to send form data from Angularjs to Django如何将表单数据从 Angularjs 发送到 Django
【发布时间】：2018-01-24 22:21:41
【问题描述】：

我在this 课程的示例上做了应用程序。在这里，使用 DRF，所有已添加游戏的列表将显示在页面上。我真的很想学习如何编写一个向数据库添加新记录的简单表单（两个字段：标题和描述[如示例中所示]）。

对于js，目前我还不是很熟悉，所以不知道该靠近哪边解决问题。

【问题讨论】：

您应该试一试，然后再提出具体问题。 SO 不是租用服务的编码。

标签： angularjs django webpack django-rest-framework

【解决方案1】：

您将更新 mysite/backend 文件夹中的代码，以使用一些序列化程序将数据插入 django db 的传入路由

对不起，我没有更具体的细节，只是想传达一个大致的想法

这里有更多关于 Django 序列化程序的信息：http://www.django-rest-framework.org/api-guide/serializers/

另一个关于向 django 添加额外路由的教程可能会有所帮助

【讨论】：

【解决方案2】：

  $scope.saveUser = function(event) {

        postForm({ id: 0 }, $('#FormName'), $scope, function(data) {

        })
    }

 function postForm(postInfo, form, $scope, callback,) {    

    var postData = new FormData(form.get(0));

    $.each(postInfo, function(key, value) {
      postData.append(key, value);
    });

    $.ajax({
      type: form.attr('method'),
      url: form.attr('action'),
      data: postData,
      cache: false,
      dataType: 'json',
      processData: false,
      contentType: false,
      headers: {
        "X-CSRFToken": app.getStorage("csrftoken")
      },
      beforeSend: function() {
        $('#loading-image').show();        
      },
      complete: function() {
        $('#loading-image').hide();
        if(typeof saveButtonId !== typeof undefined) {
          $('#'+saveButtonId).removeAttr('disabled');
        }
      },
      success: function(data) {


      },
      error: function(data) {

        // 
      }
    });
  };

【讨论】：