0

Tengo un pequeño problema. Estoy intentando realizar una peticion ajax POST, que simplemente es insertar unos datos en mi base de datos.

Tengo mi API REST creada con su metodo de insertar en la base de datos. Esto funciona perfecto porque lo he verificado por Postman.

Despues, tengo mi front-end desarrollado en Visual Studio Code, en donde llamo al metodo de mi API mediante AJAX.

El problema esta en que cuando quiero hacer el envio de formulario, me aparce el siguiente error:

The parameterized query '(@nombre nvarchar(4000),@apellidos nvarchar(4000),@documento int' expects the parameter '@nombre', which was not supplied.

La verdad es que no entiendo por que me sale este error.

Dejo mi código:

Metodo en API REST en C#:

public static bool InsertarDatos(datos datos)
{
    string strCon = ConfigurationManager.ConnectionStrings["MiConexion"].ConnectionString;
    SqlConnection conexion = new SqlConnection(strCon);
    string query = "insert into TicketAtencionAlCliente(Nombre,Apellidos,Documento,Correo,MotivoLLamada,DesarrolloMotivo) values (@nombre,@apellidos,@documento,@correo,@motivo,@desarrollomotivo)";
    SqlCommand comando = new SqlCommand(query, conexion);
    comando.Parameters.AddWithValue("@nombre", datos.Nombre);
    comando.Parameters.AddWithValue("@apellidos", datos.Apellidos);
    comando.Parameters.AddWithValue("@documento", datos.Documento);
    comando.Parameters.AddWithValue("@correo", datos.Correo);
    comando.Parameters.AddWithValue("@motivo", datos.MotivoLlamada);
    comando.Parameters.AddWithValue("@desarrollomotivo", datos.DesarrolloMotivo);
    bool esta = false;

    try
    {
        conexion.Open();
        int filas = comando.ExecuteNonQuery();
        if (filas > 0)
        {
            esta = true;
        }
    }
    catch (SqlException ex)
    {
        throw;
    }
    finally
    {
        conexion.Close();
    }

    return esta;
}

Funcion en Visual Studio Code (mi front-end que consume metodo de API)

function GuardarTicket(Nombre, Apellidos, Documento, Correo, MotivoLlamada, DesarrolloMotivo) {
    var datos = {
        Nombre: Nombre,
        Apellidos: Apellidos,
        Documento: Documento,
        Correo: Correo,
        MotivoLlamada: MotivoLlamada,
        DesarrolloMotivo: DesarrolloMotivo
    }
    var dir = "GuardarTicket";
    $.ajax({
        type: 'POST',
        url: api + dir,
        data: JSON.stringify(datos),
        datatype: "json",
        success: function(inserto) {
            if (inserto == true) {
                alertMessage("Datos enviados satisfactoriamente.", "Aviso");
            } else {
                alertMessage("Ha ocurrido un error en el envio de datos, verifique si ha completado todos los campos...", "Aviso");
            }
        },
        error: function(xhr, textStatus, errorThrown) {
            console.log(xhr);
            console.log(textStatus);
            console.log(errorThrown);
        }
    });
}

function Guardar() {
    var nombre = $("#txtNombre").val();
    var apellidos = $("#txtApellidos").val();
    var documento = $("#txtDocumento").val();
    var correo = $("#txtCorreo").val();
    var motivo = $("#slcMotivo").val();
    var desarrolloMotivo = $("#txtDesarrolloMotivo").val();

    GuardarTicket(nombre, apellidos, documento, correo, motivo, desarrolloMotivo);
}

Debuggeando desde consola los datos llegan bien.

Mi código (JavaScript) en Visual Studio Code

Gracias de antemano me tiene trancado hace rato esto.

13
  • en principio no noto ningun error en el codigo, si pones un breakpoint en InsertarDatos() puedes ver que el codigo se detiene y al ir paso a paso evaluas que los datos que llegan son los correctos? quizas esta ingresando a un lugar diferente, primero descarta que se ejecuta el codigo que piensas realmente se esta ejecutando cuando lo llamas desde ajax el 31 ene. 2020 a las 17:07
  • Si, se ejecuta, lo puedo hacer debug desde consola, los datos llegan perfecto, voy a subir una imagen de la consola cuando llegan los datos asi lo puedes ver tmb.
    – tato8vio
    el 31 ene. 2020 a las 17:11
  • pero en el codigo .net se detiene el breakpoint en InsertarDatos() ? no digo evaluar solo la consola desde el browser, evalua el codigo del lado del backend el 31 ene. 2020 a las 17:14
  • la api rest que llamas esta implementada con asp.net mvc o es un aspx exponiendo un webmethod? porque en el codigo que nos muestras de esa api algo me esta faltando para exponerla completamente el 31 ene. 2020 a las 17:16
  • Si llega! Pero llega si lo pruebo en POSTMAN por localhost... Porque mi API la tengo publicada en IIS y desde visual code trato de llegar con la direccion de IP! No se hacerlo de otra forma, como vos decis, de ejecutar el frontend y vaya al brackPoint del backend
    – tato8vio
    el 31 ene. 2020 a las 17:19

1 respuesta 1

0

Si analizamos un ejemplo

Post The Data To ASP.NET MVC Controller Using JQuery Ajax

se observa que defines el dataType pero tambien el contentType

 $.ajax({  
       type: "POST",  
       url: "/JQueryAjaxCall/AjaxPostCall",  
       data: JSON.stringify(employee),  
       contentType: "application/json",  
       dataType: "json",  

de esta forma el codigo backend podra interpretar los datos que recibe

Creo que el codigo de backend no aplica el binding no intepreta el tipo del dato que recibe

1
  • No me ha servido, ahora estoy probando por LocalHost como tu me habias dicho.. y al agregarle el contentType, no me lleva a depurar en c#, no se porqie
    – tato8vio
    el 31 ene. 2020 a las 19:03

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.