🚀 Unlock the full power of the Amazon autocompletion engine right into your search input. JavaScript Plugin.
Home Page: https://carlosroso.com/amazon-autocomplete
License: MIT License
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
Why this plugin is not working on any mobile device, hasn't anyone faced the same issue?
How i would configure the autocomplete to make searches in other language, in spanish or portuguese?
Just wondering, is the API a publicly available undocumented API or one that Amazon provided for free use. I'd be good to disclose this in the readme.
Was messing around with amazon and found out that it is possible to filter search results based on their main departments. Let me explain.
You know how when using amazon you can select the department like books/toys & games etc in the search bar? Some network requests capturing and html source fiddling led me to believe filtering/searching by department is possible, albeit only for either one or all departments.
If you view the source of the dropdown selector you find this:
<select class="nav-search-dropdown searchSelect" data-nav-digest="" data-nav-selected="0" id="searchDropdownBox" name="url" tabindex="18" title="Search in" style="top: 0px;">
<option selected="selected" value="search-alias=aps">All Departments</option>
<option value="search-alias=alexa-skills">Alexa Skills</option>
<option value="search-alias=instant-video">Amazon Video</option>
<option value="search-alias=warehouse-deals">Amazon Warehouse Deals</option>
<option value="search-alias=appliances">Appliances</option>
<option value="search-alias=mobile-apps">Apps & Games</option>
<option value="search-alias=arts-crafts">Arts, Crafts & Sewing</option>
<option value="search-alias=automotive">Automotive Parts & Accessories</option>
<option value="search-alias=baby-products">Baby</option>
<option value="search-alias=beauty">Beauty & Personal Care</option>
<option value="search-alias=stripbooks">Books</option>
<option value="search-alias=popular">CDs & Vinyl</option>
<option value="search-alias=mobile">Cell Phones & Accessories</option>
<option value="search-alias=fashion">Clothing, Shoes & Jewelry</option>
<option value="search-alias=fashion-womens"> Women</option>
<option value="search-alias=fashion-mens"> Men</option>
<option value="search-alias=fashion-girls"> Girls</option>
<option value="search-alias=fashion-boys"> Boys</option>
<option value="search-alias=fashion-baby"> Baby</option>
<option value="search-alias=collectibles">Collectibles & Fine Art</option>
<option value="search-alias=computers">Computers</option>
<option value="search-alias=courses">Courses</option>
<option value="search-alias=financial">Credit and Payment Cards</option>
<option value="search-alias=digital-music">Digital Music</option>
<option value="search-alias=electronics">Electronics</option>
<option value="search-alias=gift-cards">Gift Cards</option>
<option value="search-alias=grocery">Grocery & Gourmet Food</option>
<option value="search-alias=handmade">Handmade</option>
<option value="search-alias=hpc">Health, Household & Baby Care</option>
<option value="search-alias=local-services">Home & Business Services</option>
<option value="search-alias=garden">Home & Kitchen</option>
<option value="search-alias=industrial">Industrial & Scientific</option>
<option value="search-alias=digital-text">Kindle Store</option>
<option value="search-alias=fashion-luggage">Luggage & Travel Gear</option>
<option value="search-alias=luxury-beauty">Luxury Beauty</option>
<option value="search-alias=magazines">Magazine Subscriptions</option>
<option value="search-alias=movies-tv">Movies & TV</option>
<option value="search-alias=mi">Musical Instruments</option>
<option value="search-alias=office-products">Office Products</option>
<option value="search-alias=lawngarden">Patio, Lawn & Garden</option>
<option value="search-alias=pets">Pet Supplies</option>
<option value="search-alias=pantry">Prime Pantry</option>
<option value="search-alias=software">Software</option>
<option value="search-alias=sporting">Sports & Outdoors</option>
<option value="search-alias=tools">Tools & Home Improvement</option>
<option value="search-alias=toys-and-games">Toys & Games</option>
<option value="search-alias=vehicles">Vehicles</option>
<option value="search-alias=videogames">Video Games</option>
<option value="search-alias=wine">Wine</option>
</select>Some of them seem to be main departments plus some sub departments too. The search-alias seems to be added to the completion engine fields if any of them are selected.
For example lets say I want to search for books, you get search-alias=stripbooks appended to the completion engine request. If I want to search for the book "lab girl". An example completion engine call would be
https://completion.amazon.com/search/complete?method=completion&mkt=1&client=amazon-search-ui&search-alias=stripbooks&q=lab%20girlI can see how this would be useful and certainly adds more functionality to the existing project
How do I destroy/cleanup the DOM created by amazon-autocomplete?
There seems to be a problem with the demo because of the latest SSL certificate addition: https://www.carlosroso.com/amazon-autocomplete/. The api endpoint call needs to be changed to https.
Hey,
I can't use this plugin.
When I use advanced settings I have error - Cannot read property 'parentNode' of undefined - https://jsfiddle.net/6c029v1k/
When I use simple method I can't click - https://jsfiddle.net/aeg073ew/1/
Please help - what is wrong ?
Thanks
Michael
For example searching for "Disney Ufufy" returns
AmazonAutocomplete.AmazonJSONPCallbackHandler_1(["disney ufufy",["disney ufufy"],[{"nodes":[{"name":"Toys & Games","alias":"toys-and-games"}]}],[],"22QXE08TSOQAD"]);
I guess the nodes name and alias would be useful to some (since the request is already made, why waste the data, do you have any idea whats the last field though?)
Hello Carlos,
thanks for the good work.
I have just found out that the script does not work on Android (my phone has Android 8.0 and Chromium 86.0.4240.110).
The reason seems to be a Chromium bug where the keyCode of the keyUp event is not properly recognized and it is always 0 or 229. Therefore the condition if (/[a-zA-Z0-9-_ ]/.test(char) || key === 8) is never satisfied.
I have used a simple workaround and replaced this condition with something like:
if(self._prevInputValue != self._input.value && validInput(self._input.value))
and it works just fine. I am not a JS guy so there might be a more elegant way.
Regards,
Ikrk
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.