javascript-如何在ebone.js中将json发布到api方法

phe

我有基于django rest框架的rest api,其中包括创建对象的下一个方法,它将JSON格式'myapp/create_obj/'的数据作为数据,如果数据正确,则将创建对象,否则它将以JSON格式返回错误。

def create_obj(request):
    stream = StringIO(request.raw_post_data)
    data = JSONParser().parse(stream)
    serializer = ObjSerializer(data=data, many=True)
    if serializer.is_valid():
        serializer.save()
        return JSONResponse(serializer.data, status=201)
    else:
        return JSONResponse(serializer.errors, status=400)

我也尝试在ebrian.js上创建一个模块,该模块将表单数据中的输入发布到此方法。我对JS非常陌生,特别是对于骨干网,我不好理解骨干网如何与服务器api一起工作。我有类似的东西

App.module('Createobj', function(Mod, App, Backbone, Marionette, $, _) {

Mod.id = 'create-obj';
Mod.controllers = {};

Mod.Obj = Backbone.Model.extend({
    defaults: {
      real_ref : '',
      share : ''
    }
  });

Mod.View = Marionette.ItemView.extend({
      id: 'create-obj-page',
      template: '#tpl-create-obj-page',
      model: Mod.obj,

      ui: {
          'real_ref': 'input[name=real_ref]',
          'share': 'input[name=share]',
          'error': 'div.error'
      },

      hammerEvents: {
          'tap button': 'submit:tap'
      },

      hammerOptions: {
          tap: true
      },

      showError: function(message) {
          this.ui.error
              .text(message)
              .show();
      },

      hideError: function() {
          this.ui.error.hide();
      },
});

Mod.Controller = SRClient.PageController.extend({
  id: Mod.id + '.main',
  ViewClass: Mod.View,

  setup: function() {
    this.listenTo(this.view, 'submit:tap', this.submit);
  },

  submit: function() {
    var real_ref = this.view.ui.real_ref.val(),
        share = this.view.ui.share.val();

    if (!real_ref || !share) {
        this.view.showError($t('create-obj.error_empty_fields'));
        return;
      }

    App.vent.trigger('loading-screen:show', $t('app.please_wait'));

    var obj = new Mod.obj({
        real_ref : this.view.ui.real_ref.val(),
        share : this.view.ui.share.val()
      });

  }});

Mod.addInitializer(function() {
  Mod.Controllers = {
    default: Mod.Controller
  };
  App.pageControllers[Mod.id] = Mod;
});
});

我需要做什么,我在Webform中输入的数据以'myapp/create_obj'json格式发送到谢谢!

马基尼奥斯

Backbone期望使用RESTful api,因此REST可以与Resources和HTTP方法一起使用,而不是像create_obj这样的动作作为端点。在您的情况下,您可以具有以下模型:

var Obj = Backbone.Model.extend({
  defaults: {
     real_ref : '',
     share : ''
   }
});

还有这样的收藏

var Objects = Backbone.Collection.extend({
   url: 'myapp/obj',
   model: Obj
});

该集合具有url指定服务器端点的属性因此操作将是

  • POST / myapp / obj /用于创建新项目
  • GET / myapp / obj /:id /如果要检索特定项目
  • GET / myapp / obj /删除整个列表
  • PUT / myapp / obj /:id /更新项目
  • 删除/ myapp / obj /:id /删除项目

Tastypie是一个使用Django创建RESTful API的好框架。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在 JavaScript 中将 ogg 音频文件发布到 API?

来自分类Dev

如何使用JavaScript和Json将数据发布到api?

来自分类Dev

如何使用fetch()javascript方法将数据发布到.NET Core Web API

来自分类Dev

如何在Node.js中将图像发布到Twitter

来自分类Dev

如何在javascript中将多个函数插入到数组中

来自分类Dev

如何在 JavaScript 中将 0.023 舍入到 0.03

来自分类Dev

如何在JavaScript中将数组api响应转换为json

来自分类Dev

如何在 Javascript (Node.js) 中将 .jl 文件转换为 .json 文件

来自分类Dev

如何在JavaScript中的方法中将值传递给方法

来自分类Dev

如何在JavaScript中将数组更改为json对象

来自分类Dev

如何在JavaScript中将值从JSON分配给变量

来自分类Dev

如何在JavaScript中将正常日期转换为JSON日期?

来自分类Dev

如何在javascript中将json数据设置为变量?

来自分类Dev

如何在JavaScript中将表单转换为Json数组

来自分类Dev

如何在javascript中将json数据解析为数组?

来自分类Dev

如何在Javascript中将字符串输出为json?

来自分类Dev

如何在Javascript中将数据表转换为Json

来自分类Dev

如何在 JavaScript 中将纯文本转换为 Json 对象

来自分类Dev

如何在Javascript中将对象的方法作为参数传递

来自分类Dev

如何在Javascript OO中将参数传递给子方法

来自分类Dev

如何在JavaScript中将类方法用作onclick处理程序?

来自分类Dev

如何在Javascript中将对象的方法作为参数传递

来自分类Dev

如何在JavaScript中将方法添加到Math

来自分类Dev

如何在javascript中将encodeURIComponent加倍?

来自分类Dev

如何在Spring MVC中将JSON净荷发布到@RequestParam

来自分类Dev

如何在AngularJS中将JSON数据发布到REST Web服务

来自分类Dev

如何在AngularJS中将JSON数据发布到REST Web服务

来自分类Dev

如何在表单中将Json发布到控制器然后保存到数据库

来自分类Dev

如何在Java中将复杂的JSON对象发布到cURL请求

Related 相关文章

  1. 1

    如何在 JavaScript 中将 ogg 音频文件发布到 API?

  2. 2

    如何使用JavaScript和Json将数据发布到api?

  3. 3

    如何使用fetch()javascript方法将数据发布到.NET Core Web API

  4. 4

    如何在Node.js中将图像发布到Twitter

  5. 5

    如何在javascript中将多个函数插入到数组中

  6. 6

    如何在 JavaScript 中将 0.023 舍入到 0.03

  7. 7

    如何在JavaScript中将数组api响应转换为json

  8. 8

    如何在 Javascript (Node.js) 中将 .jl 文件转换为 .json 文件

  9. 9

    如何在JavaScript中的方法中将值传递给方法

  10. 10

    如何在JavaScript中将数组更改为json对象

  11. 11

    如何在JavaScript中将值从JSON分配给变量

  12. 12

    如何在JavaScript中将正常日期转换为JSON日期?

  13. 13

    如何在javascript中将json数据设置为变量?

  14. 14

    如何在JavaScript中将表单转换为Json数组

  15. 15

    如何在javascript中将json数据解析为数组?

  16. 16

    如何在Javascript中将字符串输出为json?

  17. 17

    如何在Javascript中将数据表转换为Json

  18. 18

    如何在 JavaScript 中将纯文本转换为 Json 对象

  19. 19

    如何在Javascript中将对象的方法作为参数传递

  20. 20

    如何在Javascript OO中将参数传递给子方法

  21. 21

    如何在JavaScript中将类方法用作onclick处理程序?

  22. 22

    如何在Javascript中将对象的方法作为参数传递

  23. 23

    如何在JavaScript中将方法添加到Math

  24. 24

    如何在javascript中将encodeURIComponent加倍?

  25. 25

    如何在Spring MVC中将JSON净荷发布到@RequestParam

  26. 26

    如何在AngularJS中将JSON数据发布到REST Web服务

  27. 27

    如何在AngularJS中将JSON数据发布到REST Web服务

  28. 28

    如何在表单中将Json发布到控制器然后保存到数据库

  29. 29

    如何在Java中将复杂的JSON对象发布到cURL请求

热门标签

归档