Form in ASP.NET Web API

Question

I have a problem with a form in my Web API. The form is very simple. The user enters a string, the controller receives the string and inserts it into a database with an id. The connection with the database works and I can read from it safely.

EDIT This is the code in the controller. EDIT 2 This is the correct and working controler

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();
        }
}

This is a part of the HTML page. EDIT This is the updated script that does not return errors. EDIT 2 This is the correct and working script

<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>

That isn't a question or a useful description of the issue. Please read What do you mean "it doesn't work"? — user47589
– user47589, Commented Feb 20, 2020 at 15:20
can you provide us the error ? and put your question in the post not in the coment , to be more helpful — sayah imad
– sayah imad, Commented Feb 20, 2020 at 15:23

Rahul Sharma · Accepted Answer · 2020-02-20 17:32:13Z

1

Regarding your scenario, you can do something like this:

<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>

And your Controller will look like:

    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();
        }
    }

edited Feb 20, 2020 at 17:32

answered Feb 20, 2020 at 11:38

Rahul Sharma

8,4072 gold badges39 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

18 Comments

Luiss.PEP Over a year ago

Thanks for the reply. However, the controller does not seem to be receiving the request. I believe the problem is in URL.

Rahul Sharma Over a year ago

@Luiss.PEP Maybe there might be some error on the JS side. Also could you change the action method name to something more meaningful here like public ActionResult PostMyData(string json) . Also see my edit to the buttons that you have defined. I have added an id field

Rahul Sharma Over a year ago

Are you able to hit the Controller method while debugging ? It might have to do with your db context.

Rahul Sharma Over a year ago

Check you console on your browser. It will show if there are any errors in your script. Also you have not set id for your name input. Check updated answer.

Luiss.PEP Over a year ago

In the end, thanks to you, I solved the problem. You can see the final solution in my question.

|

Collectives™ on Stack Overflow

Form in ASP.NET Web API

1 Answer 1

18 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

18 Comments

Your Answer

Sign up or log in

Post as a guest

Related