title: Render multiple partial views with the same model in one request
body: <p>Suppose I have 3 partial views, that all take in the same model and similarly should be rendered/updated at the same time. i.e.</p>
  <pre><code>&lt;div id=&quot;Partial_view1&quot;&gt;
      @{ await Html.RenderPartialAsync(&quot;partialview1&quot;, Model); }
  &lt;/div&gt;
  &lt;div class=&quot;Partial_view2&quot;&gt;
      @{ await Html.RenderPartialAsync(&quot;partialview2&quot;, Model); }
  &lt;/div&gt;
  &lt;div class=&quot;Partial_view3&quot;&gt;
      @{ await Html.RenderPartialAsync(&quot;partialview3&quot;, Model); }
  &lt;/div&gt;
  </code></pre>
  <p>Currently, when I want to update a partial view with jQuery and AJAX, I normally call the following function with respectively the parent div, url and potentially an ID:</p>
  <pre><code>var updatePartialView = function (url, data, hook) {
      $.ajax({
          url: url,
          type: 'GET',
          data: data,
          success: function (response) {
              hook.html(response);
          }
      });
  }
  </code></pre>
  <p>Could look something like this:</p>
  <pre><code>helper.updatePartialView('/Controller', 2, $('#Partial_view1'))
  </code></pre>
  <p>The controller would then normally return a partialview result, where naturally a partial view and a model is returned, which i nest below the containing div of the partial view.</p>
  <pre><code>//From controller
  return PartialView(&quot;partialview1&quot;, Model);
  </code></pre>
  <p>I want to reduce the payload towards my server, thus I'm not interested in doing 3 almost identical calls.. Hence why I want to understand, if there is some sort of way in which I can just fetch the model from the controller, and then populate the 3 partial views in jquery.</p>
  <p>Thanks in advance</p>