Parsley code to iterate on a dataset and filter by GET parameters being posted to the file.

zip-code-search.js

// zip-search-form.tpl
<input id="search" />	
<ul id="results"></ul>

// zip-search-results.tpl
// template which generates results being returned to AJAX request
// % is the wildcard character in Parsley
{{each events as event WHERE event.zip_code LIKE '{get_var.term}%'}}
<li>
  <h2>{{event.title}}</h2>
  <img src="{{event.image.getImage(300)}}" alt="{{event.title}}" />
</li>
{{end-each}}

// zip-search.js
// jQuery posts search term to AJAX page which returns results markup
$('#search').on('keyup', function cb() {
  $('#results').load('/ajax/zip-search-results.html/?term='+$(this).val());
});

This gist describes the 3 resources necessary to create a search page in Zesty.

1. Search page which displays results
2. JavaScript to request results
3. Results page which returns rendered results