Форма в ASP. NET Веб-API - PullRequest
Новая
       7

Форма в ASP. NET Веб-API

0 голосов
/ 20 февраля 2020

У меня проблема с формой в моем веб-API. Форма очень проста. Пользователь вводит строку, контроллер получает строку и вставляет ее в базу данных с идентификатором. Связь с базой данных работает, и я могу читать из нее безопасно.

EDIT Это код в контроллере. EDIT 2 Это правильный и рабочий контроллер 

public ActionResult PostMyData(string json) 
{
        try
        {
            var newEntry = new Questions() { Id = json.Id, Question= json.Question};
            context.Questions.Add(newEntry);
            context.SaveChanges();
            return Ok();
        } 
        catch (Exception e)
        {
            return BadRequest();
        }
}

Это часть страницы HTML. EDIT Это обновленный скрипт, который не возвращает ошибок. РЕДАКТИРОВАТЬ 2 Это правильный и рабочий скрипт 

<script language="Javascript">
    $(document).on('click', '#submitButt', function () {
        var myquestion = $('#question').val();
        var json = {
            Id : 1,
            Question: myquestion
        }
        $.ajax({
            type: "POST",
            url: "api/Simple",
            data: JSON.stringify(json),
            dataType: "json",
            contentType:"application/json",
            success: function (data) {
                alert(data);
            },
            error: function (data) {
                alert("An Issue has occured");
            }
        });
    })
</script>

1 Ответ

1 голос
/ 20 февраля 2020

Что касается вашего сценария, вы можете сделать что-то вроде этого: 

<input type="text" id="question" name="question" />
<input type="button" id="submitBtn" name="submitBtn" value="Send"/>

<script>
$(document).on('click', '#submitBtn', function () {
    var myquestion=$('#question').val();
    var json = {
      myquestion: myquestion
     };

     $.ajax({
       type: 'POST',
       url: "api/Simple/PostMyData",
       dataType: "json",
       data: JSON.stringify(json),
       contentType: "application/json",
       success: function (data) {
        alert(data);
       },
       error: function (data) {
        alert("An Issue has occured");
       }
    });
}) 
</script>

И ваш Controller будет выглядеть так: 

    using System.Web.Script.Serialization;

    [HttpPost]
    public ActionResult Post([FromBody] string json) 
    {
        var serializer = new JavaScriptSerializer();
        dynamic jsondata = serializer.Deserialize(json, typeof(object));

        //Get your variables here from AJAX call
        var myquestion= jsondata["myquestion"];
        try
        {
            var newEntry = new Question() { Id = 1, Question= myquestion};
            context.Question.Add(newEntry);
            context.SaveChanges();
            return Ok();
        } catch (Exception e)
        {
            return BadRequest();
        }
    }
...