Skip to content

Instantly share code, notes, and snippets.

@Snugglepantz

Snugglepantz/json.js

Last active December 20, 2015 10:08
Show Gist options
  • Save Snugglepantz/6112948 to your computer and use it in GitHub Desktop.
Save Snugglepantz/6112948 to your computer and use it in GitHub Desktop.
Download ZIP
Json jQuery
Raw
json.js
$("#searchterm").keyup(function() {
var q = $("#searchterm").val();
$("#results").empty();
$.getJSON("http://" +document.location.host + "/rest/customer/n/" + q, function(data) {
$("#results").append("Results for <b>" + q + "</b>");
$.each(data, function(i, item) {
$("#results").append('<p>' + item.name + '</p>');
});
});
});
Raw
json.xhtml
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="/resources/template/master.xhtml">
<ui:define name="title">JSON</ui:define>
<ui:define name="headerContent">
<li><a href="white.jsf">White Board</a></li>
<li class="pure-menu-selected"><a href="json.jsf">JSON</a></li>
</ui:define>
<ui:define name="content" id="content">
<script type="text/javascript" src="http://yui.yahooapis.com/3.10.3/build/yui/yui-min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<div class="pure-u-1 l-centered">
<h1 class="pure-u-1">JSON</h1>
<h2 class="pure-u">JSON Experiment</h2>
</div>
<div id="jsonTest">
<div id="demo" class="yui3-skin-sam">
<input id="searchterm" type="text" />
<div id="results"></div>
</div>
<script type="text/javascript" src="resources/js/json.js"></script>
</div>
</ui:define>
</ui:composition>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment