CloudSearch Demo

HTML

<!--
Would be extra nice if CloudSearch supported CORS
https://forums.aws.amazon.com/thread.jspa?messageID=555870
-->

<div class="jumbotron">
     <h1>CloudSearch Demo</h1>
</div>
<div class="form-group">
    <label for="inputEndpoint" class="col-sm-2 control-label">Endpoint</label>
    <div class="col-sm-10">
        <input class="form-control" id="inputEndpoint" value="search-test2-h3l4sbrwdemtneo7fodpkfe4vi.us-east-1.cloudsearch.amazonaws.com" />
    </div>
</div>
<div class="col-sm-12">
    <ol>
        <li><a href="#" class="sample-query" data-search="/2013-01-01/search?q=john&pretty=true">?q=john&amp;pretty=true</a>
        </li>
        <li><a href="#" class="sample-query" data-search="/2013-01-01/search?q=star+wars&return=title&pretty=true">?q=star+wars&amp;return=title&amp;pretty=true</a>
        </li>
        <li><a href="#" class="sample-query" data-search="/2013-01-01/search?q=(and+title:'star'+year:{,2000])&q.parser=structured&return=title,year,_score&pretty=true">?q=(and+title:'star'+year:{,2000])&amp;q.parser=structured&amp;return=title,year,_score&amp;pretty=true</a>
        </li>
        <li><a href="#" class="sample-query" data-search="/2013-01-01/search?q=(and+genres:'Sci-Fi'+year:{,2000])&q.parser=structured&return=title,year&sort=title+asc&pretty=true">?q=(and+genres:'Sci-Fi'+year:{,2000])&amp;q.parser=structured&amp;return=title,year&amp;sort=title+asc&amp;pretty=true</a>
        </li>
        <li><a href="#" class="sample-query" data-search="/2013-01-01/search?q=star&return=title&facet.genres={}&pretty=true">?q=star&amp;return=title&amp;facet.genres={}&amp;pretty=true</a>
        </li>
        <li><a href="#" class="sample-query" data-search='/2013-01-01/search?q=star&facet.year={buckets:["[1970,1979]","[1980,1989]","[1990,1999]"]}&pretty=true'>?q=star&amp;facet.year={buckets:["[1970,1979]","[1980,1989]","[1990,1999]"]}&amp;pretty=true</a>
        </li>
        <li><a href="#" class="sample-query"...

JavaScript

$('.sample-query').click(function (event) {
    event.preventDefault();
    var qs = $(this).attr('data-search');
    var url = 'https://' + $('#inputEndpoint').val()  + qs;
    $('#inputUrl').val(url);
    $('#results').attr('src', url);
});