How to make ajax loading from a block in the same document?

Question

MODX

The task is to make an Ajax menu on one of the sections of the site under the control of MODX Revo. Unfortunately, I'm not very familiar with ajax. At the moment everything works like this

$(".menu-item").click(function(){
        var id = $(this).attr('id');
            $.ajax({
                type: "POST",
                url: "ajaxitems.html",
                data: ({findres:id}),
                success: function(content){
                $(".ordersItems").html(content);
                }
            });
    });

I would like the resources to be loaded not from a separate ajaxitems.html page (in this case), but from a specific block on the same page.

ps I display resources using this snippet

the snippet itself

<?php
if ($_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest') {
   $data = $_POST;

   $params = array(
        'parents' => $data['findres'],
        'limit' => $limit,
        'tpl' => $tpl,
        'includeTVs' => $includeTVs,
        'hideContainers' => $hideContainers,
        'sortby' => $sortby
    );
    
    $output = $modx->runSnippet('pdoResources', $params);
    return  $output;
    
}

I would be very grateful if you point out flaws in the code, since I am also badly familiar with php (

Answer 1

Send a request to the same page, and instead of $(".ordersItems").html(content); output $(".ordersItems").html($(content).filter("#result_block")); where result_block is the id of the element containing the information you are interested in.

Answer 2

Perhaps AjaxSnippet will help you