symfony-Response-json ajax

Ich bin neu in Symfony ich wollte tun, eine manipulation so bekomme ich eine Liste aller Einbauteile in der Entität Thema über Ajax, aber die Antwort ist immer noch "undefined" Hier der code der text stark

vue

    $(document).ready(function () {
        var $theme = $('#theme');
        $theme.append('<option value="">Choisir un thème</option>');
        $.ajax({
            type: 'post',
            url: '{{ path('web_site_liste_theme_cmb') }}',
            dataType: 'json',
            beforeSend: function () {
                $('#themediv').append('<div id="loading" style=" float: left; display: block;"><img src="{{ asset('bundles/BackBundle/img/loadingicon.gif') }}"/></div>');
            },
            success: function (json) {
                {#$('#theme').append({{  dump(json)}});#}
                console.log(json.value);
                $.each(json, function (index, value) {

                    //console.log(value);
                    $('#theme').append('<option value="' + value.id + '">' + value.name + '</option>');
                    $('#loading').remove();
                });
            }
        });
    });

Controller

  public function ListeThemeAction(Request $request)
{

    $em = $this->getDoctrine()->getEntityManager();
    if ($request->isXmlHttpRequest()) {
        $themes = $em->getRepository('WebSiteBackBundle:theme');
        $themes = $themes->findAll();
        //var_dump($themes);

        return  new JsonResponse($json);
    }
    return new JsonResponse('no results found', Response::HTTP_NOT_FOUND); //constant for 404

}

die server-Antwort 200 OK, scheint alles zu klappen, ich habe die gleiche Anzahl von Daten in der Datenbank, aber ich kann nicht Lesen, die Objekte, Werte

und hier ist die :
console.log(json)

  • können Sie uns etwas bewegen-info? was ist die Antwort vom server? was ist 'undefined'? die "json.Wert"?
  • die server-Antwort 200 OK, scheint alles zu klappen, ich habe die gleiche Anzahl von Daten in der Datenbank, aber ich lese nicht die Objekte, Werte
InformationsquelleAutor Amine Achalhi | 2016-08-22
  1. 2

    Gibt es viele Möglichkeiten, das zu tun, ich zeige Ihnen, einer von Ihnen.

    Erstens, bereiten Sie Daten zum senden von controller und gibt einen JsonResponse Instanz, mit der Sie Daten:

    public function fooAction()
{
    $data = ['foo1' => 'bar1', 'foo2' => 'bar2'];

    return new JsonResponse($data); //or $this->json($data) since Symfony 3.1
}

    Den JsonResponse sagt dem browser, dass die Daten, die gesendet werden muss interpretiert werden als JSON, sonst werden diese Daten interpretiert werden als plain/text standardmäßig.

    Zweite, verwenden Sie die gleichen Daten-Struktur, um den Zugriff von Javascript-Rückruf-Funktion:

    $.post('{{ path('web_site_liste_theme_cmb') }}', function (data) {
    console.log(data['foo1']); //output bar1
    console.log(data.foo2);    //output bar2 
});

    In Ihrer Frage werden Ihre Daten gesendet wurde, die das array von Objekten, so dass Sie Bedürfnisse Schleife für die variable "json" (array) und Zugang zu jede Eigenschaft des Objekts.

    • wie kann ich die Schleife auf jede Eigenschaft des Objekts. ich denke, dass ich schon habe es in der " $.each(json, function (index, value) { ..." ist das richtig ?
    • Ja, aber es hängt von Ihren WebSiteBackBundle:Theme Unternehmen, wenn es enthält die "id" und "value" - Eigenschaften. Ansonsten, Sie sollten sich vorbereiten, diese Daten vor dem senden die json-Antwort in deinem controller.
    • Sie hatten Recht bei mir hat es geklappt danke!!!!
    InformationsquelleAutor yceruto
  2. 2

    gut, ich fand die Antwort musste ich die controller machen es möglich.
    danke Yonel !
    hier ist ein link, der mir geholfen Json-in-controller

    Controller

    public function ListeThemeAction(Request $request)
{
$output=array();
    $em = $this->getDoctrine()->getEntityManager();
    if ($request->isXmlHttpRequest()) {
        $themes = $em->getRepository('WebSiteBackBundle:theme');
        $themes = $themes->findAll();
        foreach ($themes as $theme){

            $output[]=array($theme->getId(),$theme->getName());
        }
     /*   var_dump($themes);
        $json = json_encode($themes);

        $response = new Response();*/
        //           return $response->setContent($json);
        return new JsonResponse($output);

    }
    return new JsonResponse('no results found', Response::HTTP_NOT_FOUND);
}

    Vue

            $(document).ready(function () {
        var $theme = $('#theme');
        $theme.append('<option value="">Choisir un thème</option>');
        $.ajax({
            type: 'post',
            url: '{{ path('web_site_liste_theme_cmb') }}',
            dataType: 'json',
            beforeSend: function () {
                $('#themediv').append('<div id="loading" style=" float: left; display: block;"><img src="{{ asset('bundles/BackBundle/img/loadingicon.gif') }}"/></div>');
            },
            success: function (json) {

                console.log(json);
                $.each(json, function (index, value) {

                    //console.log(value);
                    $('#theme').append('<option value="' + value[0]+ '">' + value[1] + '</option>');
                    $('#loading').remove();
                });
            }
        });
    });

    In der Hoffnung es hilft jemand. ich danke Ihnen allen für Ihre Antwort es hat mir sehr geholfen

    InformationsquelleAutor Amine Achalhi
Schreibe einen Kommentar