使用javascript fetch将数据发布到django rest框架

时间:2017-07-25 15:51:36

标签: javascript django rest api django-rest-framework

我试图使用javascript fetch将数据发布到我的django rest框架。我已经设置并喜欢DRF到我的模型,并从后端设置了所有东西。我使用邮递员应用程序确保"得到","发布"所有人都在实习。但是,现在我在使用javascript发布数据时遇到问题,使用fetch发布数据。我想将数据添加到我的文章模型中,该模型有"标题","标记","内容"," background_image"以及发布文章的用户。

这就是我的代码的样子

data = JSON.stringify({
    headline: "Testing",
    tag: "Testing",
    background_image: "Testing",
    content: "Testing",
    user: 1
})
fetch(
            "http://127.0.0.1:8000/api/v1/articlesapi/",
            {
                method: "post",
                headers: {"Authorization":"Token ed73db9bf18f3c3067be926d5ab64cec9bcb9c5e"},
                body: data
            }
 ).then(function(response) {
    return response.json();
}).then(function(data) {
    console.log("Data is ok", data);
}).catch(function(ex) {
    console.log("parsing failed", ex);
})

但是,我一直收到错误parsing failed TypeError: Failed to fetch。有人知道我做错了吗?

1 个答案:

答案 0 :(得分:2)

请添加"内容类型"并且"接受"标题中的属性,我认为这可能是您错误的原因。让我知道它是否有效: - )

fetch('"http://127.0.0.1:8000/api/v1/articlesapi/', {
      method: 'post',
      headers: {
        'Accept': 'application/json, text/plain, */*',
        'Content-Type': 'application/json',
        'Authorization':'Token ed73db9bf18f3c3067be926d5ab64cec9bcb9c5e'
      },
      body: JSON.stringify({data: "your data"})
    }).then(res=>res.json())
      .then(res => console.log(res));