The controller does not receive data from json

Question

I'm developing an administration page and I'm having trouble receiving my data from json. I have a Create view and inside it I created a script to show my partial views when selecting a certain type. But when I select the Hotel type, my controller is not receiving the data. When I select the other types, it works well. Can anyone tell me what the problem is?

My Code:

Create.cshtml

@model ProjetoFinal.Models.Item

@{
    ViewBag.Title = "";
}


@Resource.Criar


Português |
Inglês




@using (Html.BeginForm("Create", "Trans", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.AntiForgeryToken()
    
        
        
            @Html.LabelFor(model => model.Titulo, htmlAttributes: new { @class = "control-label col-md-2" })
            
                @Html.EditorFor(model => model.Titulo, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Titulo, "", new { @class = "text-danger" })
            
        

        
            @Html.LabelFor(model => model.Descricao, htmlAttributes: new { @class = "control-label col-md-2" })
            
                @Html.TextAreaFor(model => model.Descricao, new { @class = "form-control", @id = "Descricao" })
                @Html.ValidationMessageFor(model => model.Descricao, "", new { @class = "text-danger" })
            
        

        
            @Html.LabelFor(model => model.Main_Image, htmlAttributes: new { @class = "control-label col-md-2" })
            
                
                    
                    @Html.ValidationMessageFor(model => model.Main_Image, "", new { @class = "text-danger" })
                
            
        


        
            @Html.LabelFor(model => model.Localidade, htmlAttributes: new { @class = "control-label col-md-2" })
            
                @Html.EditorFor(model => model.Localidade, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Localidade, "", new { @class = "text-danger" })
            
        

        
            @Html.LabelFor(model => model.Endereco, htmlAttributes: new { @class = "control-label col-md-2" })
            
                @Html.EditorFor(model => model.Endereco, new { htmlAttributes = new { @id = "Endereco", @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Endereco, "", new { @class = "text-danger" })
            
        

        
            @Html.LabelFor(model => model.Latitude, htmlAttributes: new { @class = "control-label col-md-2" })
            
                @Html.EditorFor(model => model.Latitude, new { htmlAttributes = new { @id = "Latitude", @class = "form-control", @readonly = "readonly" } })
                @Html.ValidationMessageFor(model => model.Latitude, "", new { @class = "text-danger" })
            
        

        
            @Html.LabelFor(model => model.Longitude, htmlAttributes: new { @class = "control-label col-md-2" })
            
                @Html.EditorFor(model => model.Longitude, new { htmlAttributes = new { @id = "Longitude", @class = "form-control", @readonly = "readonly" } })
                @Html.ValidationMessageFor(model => model.Longitude, "", new { @class = "text-danger" })
            
        

        
            @Html.LabelFor(model => model.Tipo, htmlAttributes: new { @class = "control-label col-md-2" })
            
                
                @Html.DropDownListFor(model => model.Tipo, new SelectList(Model.tipos, "ID", "Tipo"), Resource.Selecionar_Tipo, htmlAttributes: new { @id = "ddldropdown", @class = "form-control" })
            
        

        

        

        
            
                
            
        

    


    @section Scripts
    {
        
        

        
        








    }


    @Html.ActionLink(Resource.Voltar, "Index")

}

Create_Hotel.cshtml

@model ProjetoFinal.Models.Hotel



@using (Html.BeginForm("Create_Hotel", "Outros", FormMethod.Post))
{
    
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        
            @Html.LabelFor(model => model.Outras_Imagens, htmlAttributes: new { @class = "control-label col-md-2" })
            
                
                    
                    @Html.ValidationMessageFor(model => model.Outras_Imagens, "", new { @class = "text-danger" })
                
            
        
        
            @Html.LabelFor(model => model.Preco, htmlAttributes: new { @class = "control-label col-md-2" })
            
                @Html.EditorFor(model => model.Preco, new { htmlAttributes = new { @type = "number", @min = "0", @step = "0.01", @value = "0", @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Preco, "", new { @class = "text-danger" })
            
        

        
            @Html.LabelFor(model => model.Tipo_Hotel, htmlAttributes: new { @class = "control-label col-md-2" })
            
                @Html.EditorFor(model => model.Tipo_Hotel, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Tipo_Hotel, "", new { @class = "text-danger" })
            
        

        
            @Html.LabelFor(model => model.Comodidades, htmlAttributes: new { @class = "control-label col-md-2" })
            
                
                    
                        @Html.EditorFor(model => model.Comodidades, new { htmlAttributes = new { @id = "comodidades", @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.Comodidades, "", new { @class = "text-danger" })
                        
                    
                
            
        

        
            @Html.LabelFor(model => model.Condicoes, htmlAttributes: new { @class = "control-label col-md-2" })
            
                
                    
                        @Html.EditorFor(model => model.Condicoes, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.Condicoes, "", new { @class = "text-danger" })
                        
                    
                
            
        
        
            @Html.LabelFor(model => model.Telefone1, htmlAttributes: new { @class = "control-label col-md-2" })
            
                @Html.EditorFor(model => model.Telefone1, new { htmlAttributes = new { @type = "number", @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Telefone1, "", new { @class = "text-danger" })
            
        

        
            @Html.LabelFor(model => model.Telefone2, htmlAttributes: new { @class = "control-label col-md-2" })
            
                @Html.EditorFor(model => model.Telefone2, new { htmlAttributes = new { @type = "number", @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Telefone2, "", new { @class = "text-danger" })
            
        

        
            @Html.LabelFor(model => model.Email, htmlAttributes: new { @class = "control-label col-md-2" })
            
                @Html.EditorFor(model => model.Email, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Email, "", new { @class = "text-danger" })
            
        

        
            @Html.LabelFor(model => model.Avaliacao, htmlAttributes: new { @class = "control-label col-md-2" })
            
                @Html.EditorFor(model => model.Avaliacao, new { htmlAttributes = new { @type = "number", @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Avaliacao, "", new { @class = "text-danger" })
            
        
    
    @section Scripts
    {
        
    }
}

@{

    Layout = null;

}

TransController.cs

public class TransController : Controller
{
        [HttpPost]
        [ValidateAntiForgeryToken]
        public ActionResult Create(FormCollection formCollection)
        {
            Item item = new Item();
            //add the database
        }
}

OutrosController.cs

public class OutrosController : Controller
{
        [HttpGet]
        public ActionResult Create_Hotel()
        {
            Hotel hotel = new Hotel();
            return View(hotel);
        }

        [HttpPost]
        [ValidateAntiForgeryToken]
        public ActionResult Create_Hotel(Hotel hotel, HttpPostedFileBase[] images)
        {

            //add the database
            return View(hotel);
        }

}

(Model) Hotel.cs

public class Hotel
{
    public int ID { get; set; }

    public String Preco { get; set; }

    public String Comodidades { get; set; }

    public List array_comodidades { get; set; } 

    public String Condicoes { get; set; }

    public List array_condicoes{ get; set; }

    [Display(Name = "Telefone")]
    public int? Telefone1 { get; set; }

    [Display(Name = "Telemovel/Fax")]
    public int? Telefone2 { get; set; }

    public String Email { get; set; }

    public String Tipo_Hotel { get; set; }

    [Range(0, 5)]
    public String Avaliacao { get; set; }

    public List Imagens { get; set; }

    [Display(Name = "Imagens_Secundárias", ResourceType = typeof(Resource))]
    public String Outras_Imagens { get; set; }

    public class TransmontanosDBContext : DbContext
    {
        public DbSet Transmontanos { get; set; }
    }
}

Problem:

GregH · Accepted Answer

Your ajax request specifies type, url, dataType and a callback success function but it never actually sends any of the form data with it (not sure why these fields are in a form any way if youre not using the form to submit the data to the server- but that's a different problem than your posting about.

To fix your issue, you should change your ajax request to a POST instead of GET and include your model data with it as follows:

var model = { Id = $("#Id").val(),
              Preco = $("#Preco").val(),
              //populate the rest of your fields here just like Id
            };

$.ajax({
    type: "POST",
    data: JSON.stringify(model),
    url: '/Outros/Create_Percurso',
    contentType: "application/json",
    success: function (html) {
        $('#partialDiv').html(html);
    }
})

The controller does not receive data from json

Answers (1)

Related Questions