Home/ Questions/Q 6531243
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T09:51:15+00:00

I have seen websites which load a index.html page containing the header, footer etc,

  • 0

I have seen websites which load a index.html page containing the header, footer etc, then load all of the data using a single AJAX request and use Javascript to format and display it in a list.

eg. if a search engine were to do this, the JSON would look like this:

searchresults: [
    {website: aaa.com, blurb: "This is from aaa.com", title: "AAA"},
    {website: bbb.com, blurb: "This is from bbb.com", title: "BBB"},
    {website: ccc.com, blurb: "This is from ccc.com", title: "CCC"},
    ... 100 more rows...
]

And it would be formatted by javascript into a page which looks like the Google results page showing the first 20 results.
The benefits are that clicking “page2” etc. can use javascript to show the next page without needing to do another AJAX request to the server or load a new page in the normal way. Popups / extended information can be shown in the same way without additional ajax requests to the server.

The point is that it only needs to do one AJAX query on pageload to load all of the data, then all processing is done by javascript in the browser. There’s no need for multiple AJAX requests or regular requests to the server. Is there a name for this design pattern? Or javascript-frameworks which support this so that I don’t need to code the entire thing in javascript myself?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s probably called a bad idea.

    If you push your entire database along (or a lot of data anyway), it might not be such a great idea. Pushing extra data along will just make the request take longer to load, both because it takes longer for the server to process it, and because there’s more data to transmit – and in the end, the user might not really even need all of it.

    Also, I’m not sure why would a JS library need to specifically support this. Most of them support performing Ajax requests, and many with UI components also allow you to use a datasource (Dojo for example), so you would just perform a request normally and assign your “in memory” database as the source for the list component.

    • 0