jquery-ui/demos/autocomplete/remote-with-cache.html

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>jQuery UI Autocomplete - Remote with caching</title>
	<link rel="stylesheet" href="../../themes/base/all.css">
	<link rel="stylesheet" href="../demos.css">
	<style>
	.ui-autocomplete-loading {
		background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;
	}
	</style>
	<script src="../../external/requirejs/require.js"></script>
	<script src="../bootstrap.js">
		var cache = {};
		$( "#birds" ).autocomplete({
			minLength: 2,
			source: function( request, response ) {
				var term = request.term;
				if ( term in cache ) {
					response( cache[ term ] );
					return;
				}

				$.getJSON( "search.php", request, function( data, status, xhr ) {
					cache[ term ] = data;
					response( data );
				});
			}
		});
	</script>
</head>
<body>

<div class="ui-widget">
	<label for="birds">Birds: </label>
	<input id="birds">
</div>

<div class="demo-description">
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field.</p>
<p>Similar to the remote datasource demo, though this adds some local caching to improve performance. The cache here saves just one query, and could be extended to cache multiple values, one for each term.</p>
</div>
</body>
</html>
Demos: Cleanup. 2012-09-10 15:33:46 +00:00			`<!doctype html>`
html pages: added HTML5 meta charset UTF-8 tag, changed DOCTYPE to uppercase 2010-03-12 03:18:34 +00:00			`<html lang="en">`
eol-style and mime-type 2010-01-20 14:00:14 +00:00			`<head>`
Demos: Cleanup. 2010-09-10 02:33:09 +00:00			`<meta charset="utf-8">`
Demos: Add device-width viewport meta to all demos Ref 343c2651729af2fdf020dd538fce0855785f5a0d 2015-09-30 13:11:22 +00:00			`<meta name="viewport" content="width=device-width, initial-scale=1">`
Demos: Cleanup. 2010-09-10 02:33:09 +00:00			`<title>jQuery UI Autocomplete - Remote with caching</title>`
All: Rename all files, removing the "jquery.ui." prefix; - By executing https://gist.github.com/jzaefferer/893fcf70b7eebc1dc271; Fixes #9464 Closes gh-1029 2013-12-02 18:36:12 +00:00			`<link rel="stylesheet" href="../../themes/base/all.css">`
Autocomplete demos: Coding standards. 2010-09-10 02:24:52 +00:00			`<link rel="stylesheet" href="../demos.css">`
			`<style>`
Autocomplete demos: Coding standards. 2011-05-27 12:32:48 +00:00			`.ui-autocomplete-loading {`
All: Quote CSS url() values Closes gh-1172 2014-01-24 21:18:30 +00:00			`background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;`
Autocomplete demos: Coding standards. 2011-05-27 12:32:48 +00:00			`}`
Autocomplete: Removed styling for .ui-autocomplete-loading from the theme - added to individual demos. Fixes #5385 - Autocomplete: Inconsistent default styling while loading results. We will need to undo this change when ThemeRoller supports generating loading images. 2010-07-19 13:41:21 +00:00			`</style>`
Autocomplete: Update demos to use AMD Ref #10119 2015-06-30 19:22:59 +00:00			`<script src="../../external/requirejs/require.js"></script>`
			`<script src="../bootstrap.js">`
Autocomplete cache demo: Let the widget handle request synchronization. Fixes #8616 - Remote autocomplete example can leave pending request tracking out of sync. 2012-10-02 14:21:52 +00:00			`var cache = {};`
Autocomplete: Changed cache demo to cache all results. Fixes #5398 - Remote-with-cache demo does not break if (cache.term == request.term) but executes another request. 2010-04-23 16:19:06 +00:00			`$( "#birds" ).autocomplete({`
			`minLength: 2,`
Autocomplete demos: Coding standards. 2010-09-10 02:24:52 +00:00			`source: function( request, response ) {`
Autocomplete: Improved cache demo. 2010-08-27 16:47:19 +00:00			`var term = request.term;`
			`if ( term in cache ) {`
			`response( cache[ term ] );`
Autocomplete: Refactored code for array filtering into $.ui.autocomplete.filter, used by remote-with-cache and modified multiple-demo (now with local data); added multiple-remote to also show multiple with remote data 2010-04-16 09:05:35 +00:00			`return;`
eol-style and mime-type 2010-01-20 14:00:14 +00:00			`}`
Autocomplete: Improved cache demo. 2010-08-27 16:47:19 +00:00
Autocomplete cache demo: Let the widget handle request synchronization. Fixes #8616 - Remote autocomplete example can leave pending request tracking out of sync. 2012-10-02 14:21:52 +00:00			`$.getJSON( "search.php", request, function( data, status, xhr ) {`
Autocomplete: Improved cache demo. 2010-08-27 16:47:19 +00:00			`cache[ term ] = data;`
Autocomplete cache demo: Let the widget handle request synchronization. Fixes #8616 - Remote autocomplete example can leave pending request tracking out of sync. 2012-10-02 14:21:52 +00:00			`response( data );`
eol-style and mime-type 2010-01-20 14:00:14 +00:00			`});`
			`}`
			`});`
			`</script>`
			`</head>`
			`<body>`

			`<div class="ui-widget">`
			`<label for="birds">Birds: </label>`
Autocomplete demos: Coding standards. 2011-05-27 12:32:48 +00:00			`<input id="birds">`
eol-style and mime-type 2010-01-20 14:00:14 +00:00			`</div>`

			`<div class="demo-description">`
Autocomplete demos: Coding standards. 2010-09-10 02:24:52 +00:00			`<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field.</p>`
			`<p>Similar to the remote datasource demo, though this adds some local caching to improve performance. The cache here saves just one query, and could be extended to cache multiple values, one for each term.</p>`
Demos: Cleanup. 2012-09-10 15:33:46 +00:00			`</div>`
eol-style and mime-type 2010-01-20 14:00:14 +00:00			`</body>`
			`</html>`