How to send a model from server-side to client-side in a view?

<h1>How to send model?</h1>

<!-- This code serializes data to JSON and it wraps it to script with text/plain Content-Type -->
@{json(model, 'modeldata')}
@{json(user, 'userdata')}

<script>
    // ================================
    // Parsing data
    // ================================

    // Without jQuery
    var model = JSON.parse(document.getElementById('modeldata').innerHTML);
    var user = JSON.parse(document.getElementById('userdata').innerHTML);
    
    // or via jQuery
    var model = JSON.parse($('#modeldata').html());
    var user = JSON.parse($('#userdata').html());
    
    console.log(model);
</script>