0

Tengo en siguiente código:

En la ruta definí así:

ajaxordersku:
    path: /ajaxordersku
    defaults: { _controller: AppBundle:Admin:orderskufororderid }
    methods: [GET]

En el controlador que perteneces a la ruta definida arriba tengo esto:

public function orderskufororderidAction(Request $request)
{

            //$data = $request->get('idn');
            $data=$request->query->get('data');

    if($request->isXmlHttpRequest())
    {
        $encoders = array(new JsonEncoder());
        $normalizers = array(new ObjectNormalizer());
        $serializer = new Serializer($normalizers, $encoders);
        $em = $this->getDoctrine()->getManager();

                    $dql = "select os
                                    from BackendBundle:Orderskus os
                                    where os.ordersOrderid=:ordersOrderid";
                    $query=$em->createQuery($dql);
                    $query->setParameter('ordersOrderid', 1);
                    $posts=$query->getResult();

        $response = new JsonResponse();
        $response->setStatusCode(200);
        $response->setData(array(
            'response' => 'success',
            'posts' => $serializer->serialize($posts, 'json')
        ));
        return $response;
    }
}

y en el javascript con jquery esto:

<script>
$(function(){
                         console.log('desperate for');

                         var buttonOrders = $('#idn');

                         buttonOrders.click(function(evt){

                         var data = {request : $('#idn').val()};

                         $.ajax({
                                 method: "GET",
                                 url: "{{ url('ajaxordersku') }}",
                                 dataType: 'json',
                                 data: {
                "data": "some_var_value"
                 },
                 success: function(data)
                 {
                                         if(data.hasOwnProperty("response") && data.response === "success")
                                         {
                                                 if(data.hasOwnProperty("posts"))
                                                 {
                                                         //http://stackoverflow.com/questions/3710204/how-to-check-if-a-string-is-a-valid-json-string-in-javascript-without-using-try/3710226
                                                         if (/^[\],:{}\s]*$/.test(data.posts.replace(/\\["\\\/bfnrtu]/g, '@').
                                                                         replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').
                                                                         replace(/(?:^|:|,)(?:\s*\[)+/g, '')))
                                                         {
                                                                 var posts = JSON.parse(data.posts);
                                                                 if(posts.length > 0)
                                                                 {
                                                                         var html = "";
                                                                         for(d in posts)
                                                                         {
                                                                                 html += "<p>" + JSON.stringify(posts[d]) + "</p>";
                                                                         }
                                                                         $("#containerajaxordersku").append(html);
                                                                 }
                                                         }
                                                         else
                                                         {
                                                                 console.log("INVALID JSON STRING");
                                                         }
                                                 }
                                                 else
                                                 {
                                                         console.log("POSTS NOT FOUND");
                                                 }
                                         }
                                 },
                                 error: function(jqXHR, exception)
                                 {
                                         if(jqXHR.status === 405)
                                         {
                                                 console.error("METHOD NOT ALLOWED!");
                                         }
                                 }
                         });
                         });
                 });
</script>

Después de aplastar el botón:

<button id="idn" class="btn btn-primary btn-orders" data-orders={{ordenes.orderid }}>Click for Details Order</button>

Me muestra esto:

introducir la descripción de la imagen aquí

Están pendientes 2 cosas: ¿Cómo paso el valor del botón al controlador, para utilizar la variable $data? ¿Qué falta para pasar ese valor desde javascript?

¿Y cómo muestro el código json en una tabla en twig, o que modifico en jquery para poderlo presentar en una tabla?

4
  • para ajax deberías usar el método POST, quedaría más cómodo, ya que usas el request en el Action
    – Jorgeeadan
    el 10 nov. 2017 a las 20:47
  • Tienes código de referencia al respecto? el 10 nov. 2017 a las 20:49
  • Lo dejé en la respuesta, espero ayude...
    – Jorgeeadan
    el 10 nov. 2017 a las 20:58
  • Gracias ya lo reviso. el 10 nov. 2017 a las 21:03

1 respuesta 1

1

en la ruta

ajaxordersku:
    path: /ajaxordersku
    defaults: { _controller: AppBundle:Admin:orderskufororderid }
    methods: [POST]

en el controlador

public function orderskufororderidAction(Request $request)
{

            //$data = $request->get('idn');
            $data=$request->request->get('data');
//demás código...

para pasar el valor al controlador lo debes enviar en el ajax.

$.post("{{ url('ajaxordersku') }}",
    {
        "data": data //Aquí van las variables que deseas enviar
    },
    function(response, status){
        alert("respuesta " + response + "\nEstado: " + status);
    });

o también

$.ajax({
                             method: "POST",
                             url: "{{ url('ajaxordersku') }}",
                             dataType: 'json',
                             data: {
            "data": data //Aquí van las variables que deseas enviar
             },

para mostrar el json en una tabla en twig puedes usar el método

$jsonArray = json_decode($json, true); // el segundo parámetro "true" para que retorne un array y no un objeto

y pasas la variable jsonArray en el render a twig y la manejas como un array.

1
  • 1
    Pana buena solución. Gracias el 10 nov. 2017 a las 21:19

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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