Example on how to setup backend about pjax-api

[falsandtru]

Pjax requests can be identified by the x-pjax HTTP request header field. Pjax config shouldn't be changed by the server response.

[brano543]

Thank you for your response. What is still not clear to me is what is mentioned in the documentation here https://falsandtru.github.io/pjax-api/ which states "Multiple area update" support.

Imagine that I have a handler setup correctly and I check the x-pjax header, how would I tell the plugin to correctly update 2 parts in the webpage - ajax would send new filter form and new content body.

[falsandtru]

See the usage section. This config updates the header and the primary element if present.

new Pjax({
  areas: [
    // Try the first query.
    '#header, #primary',
    // Retry with the second query when the first query doesn't match.
    '#container',
    // Retry.
    'body'
  ]
});

[brano543]

I have checked the usage section multiple times and it is not clear to me. Would you be so kind and answer my questions to give me clarity?

Example:
One clickable link Test link
Html wil contain two divs, one with #header, second #primary.

Questions:

1. How do I tell the Pjax on which elements to listen? In this case "test" link.
2. How should I format the response from /api/test endpoint so that it can render
   Hello
   under #header and
   World
   under #primary.