In order to incorporate jQuery and DataTables into the simple web application developed in the previous chapter, we turn our attention to /path/to/repo/www/chapter_06/templates/select.html. This is the web template associated with the product selection process. In the template, we need to do the following:
- Load a minimal version of jQuery.
- Load the DataTables plugin.
- Load a stylesheet used by DataTables.
- Add JavaScript, using jQuery, to initialize the data table and process table elements that are outside the DOM.
DOM refers to the Document Object Model, which is used extensively by the JavaScript language. Its original intention was to model an HTML web page as a tree of objects. Although that is still its most popular use, variations of DOM now allow you to model XML documents, among others. The current standard is a W3C recommendation – the latest being version 4, introduced in April 2020 (https://www.w3.org/DOM/DOMTR).
In the HEAD...
