Client-side image search with AJAX

Construct a web page that lets you specify two search terms for your XML photo gallery:

1. The name of the creator

2. One keyword

These search terms should be entered into an HTML form and processed with a piece of JavaScript, preferrably jQuery.

The rules about how these search terms are applied are as follows:

1. If only the Creator name is entered, the result contains all images by this person.

2. If only a keyword is entered, the result containst all images which have this keyword (they may have more, of course).

3. If bot name and keyword are entered, all images by the creator that have this keyword are the result (logical "and").

All the results are dynamically displayed under the search form, with name, title and location. The location must be a link that leads to this image. For an example, see above.

Since you're using AJAX to retrieve the document, you need to deploy the project to a web server using XAMPP is probably the best idea.

You will need at least one HTML page with all the jQuery code in it and the gallery XML file. You don't need to use XSLT transformations, but they might make life easier (depending on your viewpoint).

Academic Honesty!
It is not our intention to break the school's academic policy. Posted solutions are meant to be used as a reference and should not be submitted as is. We are not held liable for any misuse of the solutions. Please see the frequently asked questions page for further questions and inquiries.
Kindly complete the form. Please provide a valid email address and we will get back to you within 24 hours. Payment is through PayPal, Buy me a Coffee or Cryptocurrency. We are a nonprofit organization however we need funds to keep this organization operating and to be able to complete our research and development projects.