JsonP Solr Example

Example of running Solr with JSONP

HTML

<label>Search:
    <input id="prompt" type="text" />
    
<h2>Results</h2>

    <div id="results"></div>

JavaScript

var prompt = window.document.getElementById("prompt");
prompt.onkeyup = function (evt) {
    console.log(prompt.value);

    var jsonpReq = document.createElement("script");

    /*Json callback, called from injected script tag*/
    loadResults = function (jsonResp) {
        document.body.removeChild(jsonpReq);
        var docs = jsonResp.response.docs;
        var resultsDiv = document.getElementById("results");
        var newHtml = "";
        for (var i = 0; i < docs.length; ++i) {
            newHtml += "<p>" + docs[i].catch_line + "</p>";
        }
        resultsDiv.innerHTML = newHtml;
    };

    jsonpReq.src = 'https://ss826806-us-east-1-aws.measuredsearch.com:443/solr/prod_post/select?wt=json&json.wrf=loadResults&q=' + prompt.value;
    jsonpReq.type = "text/javascript";
    document.body.appendChild(jsonpReq);
};