Как отправить FormData из JavaScript в веб-API ASP.NET Core 2.1, используя fetch - PullRequest
Новая
       18

Как отправить FormData из JavaScript в веб-API ASP.NET Core 2.1, используя fetch

0 голосов
/ 28 октября 2018

Я пытаюсь создать форму, которая отправляет объект FormData на контроллер API, который сериализует данные в класс Article, но я не могу заставить его работать.Я уже пробовал то, что комментируется.

это мой HTML: 

<form onsubmit="postArticle()">
<input type="type" name="Title" value="" />
<input type="type" name="Content" value="" />
<input type="submit" value="Submit" />
</form>

это мой JS: 

<script>

var postArticle = () => {
    event.preventDefault();
    var Article = new FormData(this.event.target);
    console.log([...Article]);
    fetch('/api/Articles', {
        headers: {
            'Content-Type': 'multipart/formdata',
            //'Content-Type': 'application/json'
        },
        method: "POST",
        body: Article
        //body: JSON.stringify(Article)
    })
}
</script>

Контроллер: 

    // POST: api/Articles
    [HttpPost]
    public async Task<IActionResult> PostArticle(Article article)
    {
        string name = article.Title;
        if (!ModelState.IsValid)
        {
            return Ok();
        }

        _context.Article.Add(article);
        await _context.SaveChangesAsync();

        return Ok();
    }

и мой класс статьи: 

public class Article
{
    public int Id { get; set; }
    public string Title { get; set; }
    public string Content { get; set; }
}

1 Ответ

0 голосов
/ 28 октября 2018

Работает сейчас!Решение состоит в том, чтобы не устанавливать никаких заголовков типа контента вместе с добавлением [FromForm], спасибо всем, кто внес свой вклад.

часть решения была в этой теме

это изменения: 

var postArticle = () => {
    event.preventDefault();
    var Article = new FormData(this.event.target);
    console.log([...Article]);
    fetch('/api/Articles', {
        method: "POST",
        body: Article
    })
}


// POST: api/Articles
    [HttpPost]
    public async Task<IActionResult> PostArticle([FromForm]Article article)
    {
        string name = article.Title;
        if (!ModelState.IsValid)
        {
            return Ok();
        }

        //_context.Article.Add(article);
        //await _context.SaveChangesAsync();

        return Ok(); //CreatedAtAction("GetArticle", new { id = article.Id }, article);
    }
...