rich1.0phorkiehttps://p.cweiske.de/awesomplete ajaxChristian Weiske86400900900<!-- embedding all files of https://p.cweiske.de/414 -->
<link rel="stylesheet" href="https://p.cweiske.de/css/embed.css"/>
<div class="phork" id="414">
<div class="phork-file">
<div class="phork-content">
<style type="text/css">/**
* GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
* (http://qbnz.com/highlighter/ and http://geshi.org/)
*/
.javascript .de1, .javascript .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}
.javascript {font-family:monospace;}
.javascript .imp {font-weight: bold; color: red;}
.javascript li, .javascript .li1 {color: #DDD;}
.javascript .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.javascript .kw1 {color: #000066; font-weight: bold;}
.javascript .kw2 {color: #003366; font-weight: bold;}
.javascript .kw3 {color: #000066;}
.javascript .co1 {color: #006600; font-style: italic;}
.javascript .co2 {color: #009966; font-style: italic;}
.javascript .coMULTI {color: #006600; font-style: italic;}
.javascript .es0 {color: #000099; font-weight: bold;}
.javascript .br0 {color: #009900;}
.javascript .sy0 {color: #339933;}
.javascript .st0 {color: #3366CC;}
.javascript .nu0 {color: #CC0000;}
.javascript .me1 {color: #660066;}
.javascript span.xtra { display:block; }
</style><div class="code"><table class="javascript"><tbody><tr class="li1"><td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
</pre></td><td class="de1"><pre class="de1"><span class="co1">// https://leaverou.github.io/awesomplete/</span>
  <span class="kw2">var</span> search <span class="sy0">=</span> <span class="kw2">new</span> Awesomplete<span class="br0">(</span><span class="st0">'#producerdbsearch'</span><span class="sy0">,</span> <span class="br0">{</span>
  minChars<span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">,</span>
  <span class="br0">}</span><span class="br0">)</span><span class="sy0">;</span>
  document.<span class="me1">getElementById</span><span class="br0">(</span><span class="st0">'producerdbsearch'</span><span class="br0">)</span>.<span class="me1">addEventListener</span><span class="br0">(</span><span class="st0">'input'</span><span class="sy0">,</span> <span class="kw2">function</span><span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span>
      <span class="kw2">var</span> query <span class="sy0">=</span> <span class="kw1">this</span>.<span class="me1">value</span><span class="sy0">;</span>
      console.<span class="me1">log</span><span class="br0">(</span><span class="st0">'adf'</span><span class="sy0">,</span> query<span class="br0">)</span><span class="sy0">;</span>
 
      <span class="kw2">var</span> xhr <span class="sy0">=</span> <span class="kw2">new</span> XMLHttpRequest<span class="br0">(</span><span class="br0">)</span>
      xhr.<span class="kw3">open</span><span class="br0">(</span><span class="st0">'GET'</span><span class="sy0">,</span> <span class="st0">'/somefoo&q='</span> <span class="sy0">+</span> query<span class="br0">)</span><span class="sy0">;</span>
      xhr.<span class="me1">onreadystatechange</span> <span class="sy0">=</span> <span class="kw2">function</span><span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span>
          <span class="kw1">if</span> <span class="br0">(</span>xhr.<span class="me1">readyState</span><span class="sy0">></span><span class="nu0">3</span> <span class="sy0">&&</span> xhr.<span class="kw3">status</span><span class="sy0">==</span><span class="nu0">200</span><span class="br0">)</span> <span class="br0">{</span>
              showSearchResults<span class="br0">(</span>JSON.<span class="me1">parse</span><span class="br0">(</span>xhr.<span class="me1">response</span><span class="br0">)</span><span class="br0">)</span><span class="sy0">;</span>
          <span class="br0">}</span><span class="sy0">;</span>
      <span class="br0">}</span><span class="sy0">;</span>
      xhr.<span class="me1">setRequestHeader</span><span class="br0">(</span><span class="st0">'X-Requested-With'</span><span class="sy0">,</span> <span class="st0">'XMLHttpRequest'</span><span class="br0">)</span><span class="sy0">;</span>
      xhr.<span class="me1">send</span><span class="br0">(</span><span class="br0">)</span><span class="sy0">;</span>
  <span class="br0">}</span><span class="br0">)</span><span class="sy0">;</span>
  <span class="kw2">function</span> showSearchResults<span class="br0">(</span>list<span class="br0">)</span>
  <span class="br0">{</span>
      <span class="kw2">var</span> newlist <span class="sy0">=</span> <span class="br0">[</span><span class="br0">]</span><span class="sy0">;</span>
      list.<span class="me1">forEach</span><span class="br0">(</span><span class="kw2">function</span><span class="br0">(</span>obj<span class="br0">)</span> <span class="br0">{</span> newlist.<span class="me1">push</span><span class="br0">(</span>obj.<span class="me1">title</span><span class="br0">)</span><span class="sy0">;</span><span class="br0">}</span><span class="br0">)</span><span class="sy0">;</span>
      search.<span class="me1">list</span> <span class="sy0">=</span> newlist<span class="sy0">;</span>
  <span class="br0">}</span>
 
 </pre></td></tr></tbody></table></div>
</div>
<div class="phork-meta">
<a href="https://p.cweiske.de/414/rev-raw/18471f392e6732643572db2ca4ff300954af2aaa/phork0.js" style="float: right">view raw source</a>
<a href="https://p.cweiske.de/414#phork0.js">phork0.js</a>
</div>
</div>
</div>