js 插入斜杠到 html,如何在js文件中添加一个斜杠到PUT rest api请求url

我正在制作一个包含django restapi和backbone的todo应用程序。 c，r，d已经完成，但是当我尝试更新时，PUT请求将不用斜杠http: //127.0.0.1:8000/api/lists/41而不是http: //127.0.0.1:8000/api/lists/41/。我得到一个500 internal server error。如何在js文件中添加一个斜杠到PUT rest api请求url

铬消息：在/ API /列表

RuntimeError/41

你叫通过把这个网址，但该网址 不以斜线结束，你有APPEND_SLASH集。 Django不能将 重定向到斜杠URL，同时保留PUT数据。将您的表格 更改为指向127.0.0.1:8000/api/lists/41/(注意尾部斜杠)，或 在您的Django设置中设置APPEND_SLASH = False。

按消息如果我添加APPEND_SLASH = False，所有RESTAPI响应失败。

我scripts.js中的文件：

/**

* Created by Manoj on 6/29/2016.

*/

var List = Backbone.Model.extend({

defaults:

{

"work": "",

"done": false

}

});

var ListsCollections = Backbone.Collection.extend({

model: List,

url : "http://127.0.0.1:8000/api/lists/"

});

var ListView = Backbone.View.extend

({

tagName : "tr",

listtemplate: _.template($('#list2-template').html()),

render: function() {

this.$el.html(this.listtemplate(this.model.attributes));

//this.$el.html("afsfa");

return this;

}

});

var ListsView = Backbone.View.extend({

el: "#table-body",

model : ListsCollections,

// events:{

// 'click #add': 'addList'

// },

initialize : function(){

$("#table-body").html('');

this.render();

},

render:function(){

var c = new ListsCollections,i=1;

self = this;

c.fetch({

success : function(){

self.$el.html('');

c.each(function(model){

var stud_ = new ListView({

model : model,

});

self.$el.append(stud_.render().el);

});

}

});

//Rendering on to the screen

return this;

},

addList: function (e) {

e.preventDefault();

var temp = new Backbone.Collection;

$("#details").html('');

$("#clicker").click(function(){

var temp1 = new ListsCollections;

temp1.create({

userid: 1,

work : $("#work_input").val(),

done : $("#done_input").val()

});

$("#details").html('');

var k = new ListsView;

k.render();

parent.location.hash='';

});

}

});

//Creating route paths

var myRouter = Backbone.Router.extend({

routes : {

"lists/add" : "addList",

"lists/delete/:id" : "deleteList",

"lists/update/:id" : "updateList"

},

addList : function()

{

$("#details").html('');

var user = user;

$("#clicker").click(function(){

var temp1 = new ListsCollections;

temp1.create({

userid: 1,

work : $("#work_input").val(),

done : document.getElementById('done_input').checked

});

$("#details").html('');

var k = new ListsView;

k.render();

parent.location.hash='';

});

},

deleteList : function(e){

var temp = new ListsCollections;

temp.fetch({

success : function(){

temp.findWhere({id : parseInt(e)}).destroy({

'success': function() {

var k = new ListsView;

k.render();

parent.location.hash='';

}

});

}

})

},

updateList : function(eid){

$("#details").html('');

$("#clicker").click(function(){

var temp1 = new ListsCollections;

temp1.fetch({

'success' : function()

{

var tag = temp1.get(parseInt(eid));

tag.set({"work" : $("#work_input").val()});

tag.set({"done" : document.getElementById('done_input').checked});

tag.save(null,

{

"success" : function() {

$("#details").html('');

var k = new ListsView;

k.render();

parent.location.hash='';

}}

);

}

})

});

},

updateList2: function (e) {

$("#details").html('');

$("#clicker").click(function() {

})

},

});

var router = new myRouter();

Backbone.history.start();

var app = new ListsView;

2016-07-01

Manoj Ch