Load remove content with AJAX

When button is clicked, it loads HTML content from specified url and puts it to specified target element

<button type="button"
    data-as='{
        "click": {
            "load": {
                "url": "./data/partial_content.php",
                "block": true,
                "blockOptions": {
                    "message": "<h2>Custom loading message</h2>"
                },
                "success": {
                    "html": {
                        "target": "#div"
                    }
                }
            }
        }
    }'
>Load content</button>

<div id="div"></div>