Páginas

comentario



viernes, 8 de julio de 2016

Consumiendo servicios o metodos con ajax

llamar una capacidad de un servicio o un método des de ajax un ejemplo muy básico en donde enviamos un objeto   que en este caso sería figura el cual tiene internamente  name, id y sides el cual  es serializado    de esta manera JSON.stringify(Figura)  y  si la función   a la que estamos accediendo  trae un resultado esta es concatenado a un elemento hml utilizando la función append de jquery .
//creamos la funciòn por que va a traer  una lista por el metodo de get
function fGet() {
                $.ajax({
                    type: "Get",//tipo de método por el que consultaremos
                    url: "http://localhost:5149/api/Figures", //link que consultamos
                    beforeSend: function (request) {
                        request.setRequestHeader("content-type", "application/json");
                    },
                    success: function (data) {
                        var list = [];//variable creada para guardar los resultados 
//recorrido  en donde agregamos a la  variable los datos                       
 $.each(
                           data, function (key, val) {
                                list.push("
  • " + val.name + "
  • "); } ); //se agrega a un control de html con la funcion de append $("#UListFiguries").append(list.join('')); } }); } //Consulta por el método Post function fpost() { //se crea el objeto a enviar a un que se pudo enviar como parámetro // JSON.stringify(Figura) serializa en tipo json el objeto var Figura = new Object(); Figura["name"] = "prueba desde post"; Figura["id"] = 8; Figura["sides"] = "8"; $.ajax({ type: "Post", url: "http://localhost:5149/api/Figures", data: JSON.stringify(Figura), beforeSend: function (request) { request.setRequestHeader("content-type", "application/json"); }, success: function (data) { var list = []; $.each( data, function (key, val) { list.push("
  • " + val.name + "
  • "); } ); $("#UListFiguriesPost").append(list.join('')); } }); }

    No hay comentarios:

    Publicar un comentario

    escribe aqui y comenta