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

时间:2017-08-16 17:00:45

标签: angularjs django webpack django-rest-framework

我在this课程的样本上完成了申请。在这里,使用DRF,页面上显示所有添加的游戏的列表。我真的想学习如何编写一个向数据库添加新记录的简单形式(两个字段:标题和描述[如示例中所示])。

对于js,我到目前为止还不是很熟悉,所以我不知道哪一方能够接近解决这个问题。

2 个答案:

答案 0 :(得分:1)

您正在更新mysite / backend文件夹中的代码,以便使用某些序列化程序将数据插入django db中的传入路径

抱歉,我没有更具体的细节,只是想传达一般的想法

以下是有关Django序列化程序的更多信息:http://www.django-rest-framework.org/api-guide/serializers/

关于向django添加其他路线的另一个教程可以提供帮助

答案 1 :(得分:1)

  $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) {

        // 
      }
    });
  };