• Forum
• TYPO3 CMS: Module, Erweiterungen und App...
• Extensions schreiben
• Nach AJAX-Request wird nur das JSON-Obje...

[Frage] Nach AJAX-Request wird nur das JSON-Objekt ausgegeben TYPO3-Version: 7.6.16

• getit
  Jedi-Ritter

  0 x

  137	Beiträge
  4	Hilfreiche Beiträge

  • Facebook
  • Twitter

  30. 04. 2017, 13:11

  Nach meinem Ajax-Request wird nur das JSON-Response-Objekt ausgeben.
  Ansonsten funktioniert alles.

  Wenn ich am Ende der Methode 'commentViaAjaxAction' einen Breakpoint setze, sehe ich das die Ergebnisseite korrekt geladen wird. Und erst wenn der Breakpoint komplett abgearbeite ist, wird plötzlich das JSON-Objekt ausgegeben.

  Hier mal mein Code:
  setup.ts
  

  ...
  ajax = PAGE
  ajax {
    typeNum = 99
    config {
      disableAllHeaderCode = 1
      additionalHeaders = Content-type:application/json
      admPanel = 0
      debug = 0
    }
    10 < tt_content.list.20.simpleblog_bloglisting
  }
  ...

  Die commentViaAjaxAction() des PostController
  

  /**
   * @param Post $post
   * @param Comment|null $comment
   */
  public function commentViaAjaxAction(Post $post, Comment $comment = null) {
    if ($comment->getComment() == '') {
      return false;
    }
   
    $comment->setCommentdate(new \DateTime());
    $post->addComment($comment);
    $this->postRepository->update($post);
    $this->objectManager->get('TYPO3\\CMS\\Extbase\\Persistence\\Generic\\PersistenceManager')->persistAll();
   
    $comments = $post->getComments();
    foreach ($comments as $comment) {
      $json[$comment->getUid()] = [
        'comment' => $comment->getComment(),
        'commentdate' => $comment->getCommentdate()
      ];
    }
    return json_encode($json);
  }

  Und die ajax.js
  

  $().ready(function() {
    $('#commentsubmit').on('click', function() {
      var ajaxUrl = '<f:uri.action action="commentViaAjax" controller="Post" pageType="99" arguments="{post:post}"/>';
      var form = $('#commentform');
      $.ajax({
        url: ajaxUrl,
        type: 'POST',
        data: form.serialize(),
        success: function(response) {
          var items = [];
          $.each(response, function(key, val) {
            items.push('<li class="list-group-item">' + val.comment + ' <span class="text-muted">(' + val.commentdate + ')</span></li>');
          });
          $('#comments').html(items.reverse().join(''));
          $('#commentfield').val();
          return false;
        }
      });
    });
  });

  Tags: Ajax

• 1

• toifel
  Jedi-Ratsmitglied

  0 x

  831	Beiträge
  96	Hilfreiche Beiträge

  • Facebook
  • Twitter

  02. 05. 2017, 13:16

  Im success-callback deiner ajax.js ist "response" ein String und noch kein JavaScript Objekt. Dem entsprechend wird auch nur ein String ausgegeben.

  Du musst "response" noch parsen, damit du im JS damit weiterarbeiten kannst.. JSON.parse(response).

• getit
  Jedi-Ritter

  0 x

  137	Beiträge
  4	Hilfreiche Beiträge

  • Facebook
  • Twitter

  02. 05. 2017, 20:57

  @toifel

  Vielen Dank für Deine Hilfe. Aber leider gehts trotzdem net - bnekomme weiter nach dem Ajax-Request lediglich das JSON zurück.
  Oder habe ich deinen Hinweis falsch umgesetzt? Anbei mein (geändertes - nur der success-Callback) JS
  

  success: function(response) {
          var items = [];
          $.each(JSON.parse(response), function(key, val) {
            items.push('<li class="list-group-item">' + val.comment + ' <span class="text-muted">(' + val.commentdate + ')</span></li>');
          });
          $('#comments').html(items.reverse().join(''));
          $('#commentfield').val();
          return false;
        }

• toifel
  Jedi-Ratsmitglied

  0 x

  831	Beiträge
  96	Hilfreiche Beiträge

  • Facebook
  • Twitter

  03. 05. 2017, 13:33

  Ich tippe mal, dass der oberste Index in deiner response alle Daten beinhaltet. Teste es mal mit JSON.parse(response)[0]:

  success: function(response) {
          var items = [];
          $.each(JSON.parse(response)[0], function(key, val) {
            items.push('<li class="list-group-item">' + val.comment + ' <span class="text-muted">(' + val.commentdate + ')</span></li>');
          });
          $('#comments').html(items.reverse().join(''));
          $('#commentfield').val();
          return false;
        }

  Ansonsten lass dir das geparste response Objekt mal in der Browser-console ausgeben und schau dir die Struktur an bzw. poste sie bei Bedarf noch mal hier. Also console.log(JSON.parse(response)) ;)

• getit
  Jedi-Ritter

  0 x

  137	Beiträge
  4	Hilfreiche Beiträge

  • Facebook
  • Twitter

  03. 05. 2017, 18:56

  @toifel
  Hallo,

  das

  console.log(JSON.parse(response))
  

  
  hab ich als erstes probiert.
  Aber komischerweise wird mir in der Console gar nichts ausgegeben.

  Im Tab 'Netzwerk' der Entwicklerkonsole sehe ich das der AJAX-Request erfolgreich beendet wurde und die Seite mit der Ausgabe des response-Objekts wird mir angezeigt.
  Aber der Tab 'Console' ist leer.

• Teisinger
  Jedi-Ratsmitglied

  0 x

  465	Beiträge
  33	Hilfreiche Beiträge

  • Facebook
  • Twitter

  03. 05. 2017, 20:30

  bei sowas kannst du mit try catch blöcken herrausfinden welcher codeabschnitt noch ausgeführt wird. Damit könntest du den fehler bzw. die stelle an der es hackt näher kommen. :)

  https://github.com/groundstack-org

• satan_jim...
  TYPO3-Anwärter

  0 x

  5	Beiträge
  0	Hilfreiche Beiträge

  • Facebook
  • Twitter

  09. 10. 2018, 08:46

  Hallo getit,

  hast du eine Lösung zu deinem Problem gefunden? Ich habe nämlich das gleich Problem und verstehe einfach nicht woran es liegt. Kannst du mir weiterhelfen?

  Gruß
  JimK

• 1

• Zurück