https://github.com/vinitshahdeo/wikipedia-instant-search

An instant search application made using Wikipedia API
https://github.com/vinitshahdeo/wikipedia-instant-search

ajax jquery json wikipedia wikipedia-api

Last synced: about 5 hours ago
JSON representation

An instant search application made using Wikipedia API

• Host: GitHub
• URL: https://github.com/vinitshahdeo/wikipedia-instant-search
• Owner: vinitshahdeo
• License: mit
• Created: 2017-05-12T11:20:43.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-11-21T23:36:54.000Z (about 6 years ago)
• Last Synced: 2024-11-24T05:11:51.413Z (2 months ago)
• Topics: ajax, jquery, json, wikipedia, wikipedia-api
• Language: HTML
• Homepage: http://codecombat.000webhostapp.com/wikipedia/
• Size: 239 KB
• Stars: 1
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Wikipedia Instant Search

[![Generic badge](https://img.shields.io/badge/Wikipedia-Opensearch-dodgerblue.svg?style=for-the-badge)](https://github.com/vinitshahdeo/Wikipedia-Instant-Search) [![Generic badge](https://img.shields.io/badge/Instant-Search-teal.svg?style=for-the-badge)](http://codecombat.000webhostapp.com/wikipedia/) [![Generic badge](https://img.shields.io/badge/Auto-Complete-darkslatgray.svg?style=for-the-badge)](http://codecombat.000webhostapp.com/wikipedia/) 

#### An instant search application made using [Wikipedia Opensearch API](https://www.mediawiki.org/wiki/API:Opensearch).

This **instant search** is built using **Ajax** and **JQuery**. This application uses the Wikipedia Opensearch API. You can find it's documentation [here](https://www.mediawiki.org/wiki/API:Opensearch).

#### [Click to view live demo](http://codecombat.000webhostapp.com/wikipedia/)

- I've also implemented `search box` where it provides suggestions in a dropdown while typing the keyword in the search box.

- Replace the **`id`** or **`class name`** of the search box and you can implement the same in your exisiting project.



```javascript

$(".searchbox").autocomplete({

    source: function(request, response) {

        $.ajax({

            url: "http://en.wikipedia.org/w/api.php",

            dataType: "jsonp",

            data: {

                'action': "opensearch",

                'format': "json",

                'search': request.term

            },

            success: function(data) {

                response(data[1]);

            }

        });

    }

});

```



### Useful links

- [JQuery Autocomplete UI](http://jqueryui.com/autocomplete/)

- [Wikipedia Opensearch API](https://www.mediawiki.org/wiki/API:Opensearch)

### License

[![GitHub license](https://img.shields.io/github/license/vinitshahdeo/Wikipedia-Instant-Search.svg?style=for-the-badge)](https://github.com/vinitshahdeo/Wikipedia-Instant-Search/blob/master/LICENSE)

**MIT © [Vinit Shahdeo](https://github.com/vinitshahdeo/Wikipedia-Instant-Search/blob/master/LICENSE)**