Response title
This is preview!
Move this topic
How to implement wikipedia api Using jQuery and java scrpit
in Using jQuery
•
7 years ago
I want to make simple one page web
application with
-
A form on top having text-box
and search button
-
result view area at bottom
User can type any phrase in
text-box and hits search button and he gets the phrase summary
from Wikipedia.
Test Case:
Searching 'Ahmedabad' will result as :
"Ahmedabad has emerged as an important economic and industrial hub in India. It is the second largest producer of cotton in India, and its stock exchange is the ..."
1
Replies(9)
Something like https://jsfiddle.net/jakecigar/ja3qg73t/ to get the info.
The rest of the code is simple.
JΛ̊KE
Yes sir,Its perfect but as shown in given code i want to give value by
user and fetch data will it work with this code?
If yes then can you provide me a demo.. it will do great help.
Leave a comment on jakecigar's reply
You can update the fiddle with your html and your best attempt at a
click handler . Save it and share back the new URL.
JΛ̊KE
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script src="jquery.js"></script>
</head>
<body>
<input type="text" id="text1">
<input type="button" id="btn">
<div id="article"></div>
</body>
<script>
$("#btn").click(
function f(){
$.ajax({
data: {
format: "json",
action: "parse",
page: $("#text1").val(),
prop:"text",
section:0,
},
dataType: 'jsonp',
headers: {
'Api-User-Agent': 'MyCoolTool/1.1
(http://example.com/MyCoolTool/; MyCoolTool@example.com) BasedOnSuperLib/1.4'
},
success: function (data) {
alert(data)
// console.log(data)
// $("#article").html(data.parse.text["*"])
var markup = data.parse.text["*"];
var
i = $('<div></div>').html(markup);
//
remove links as they will not work
i.find('a').each(function() {
$(this).replaceWith($(this).html()); });
//
remove any references
i.find('sup').remove();
//
remove cite error
i.find('.mw-ext-cite-error').remove();
$('#article').html($(i).find('p'));
}
})});
</script>
</html>
here is my code sir..
it fetch data from wiki but find only some keywords regarding
places not all keywords through out wikipedia
Leave a comment on jakecigar's reply
https://jsfiddle.net/jakecigar/ja3qg73t/2/ shows everything from
wikipedia. You can hide what you want or show it all.
JΛ̊KE
sir, i just want only description not images and other thing which
things i have to remove
Sir if i put
$('#article').html($(i).find('p')); on behalf of
i found article but still some key word are not working like Spring,Air,etc..
// $('#article').html(i);
Leave a comment on jakecigar's reply
Yes. that's where you do your own homework.i have to remove
JΛ̊KE
Sir
if i put
$('#article').html($(i).find('p'));
on behalf of " $('#article').html(i);
"i found article but still
some key word are not working like Spring,Air,etc..
Leave a comment on jakecigar's reply
The html for "spring" is
You can't just take the <p>s.
- <table class="mbox-small plainlinks sistersitebox" style="border:1px solid #aaa;background-color:#f9f9f9">
- <tr>
- <td class="mbox-image">
- <img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Wiktionary-logo-en.svg/37px-Wiktionary-logo-en.svg.png" width="37" height="40" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Wiktionary-logo-en.svg/55px-Wiktionary-logo-en.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Wiktionary-logo-en.svg/73px-Wiktionary-logo-en.svg.png 2x" data-file-width="1000" data-file-height="1089" />
- </td>
- <td class="mbox-text plainlist">
- Look up
- <i>
- <b>
- <a href="//en.wiktionary.org/wiki/Spring" class="extiw" title="wiktionary:Spring">
- Spring
- </a>
- </b>
- </i>
-  or
- <i>
- <b>
- <a href="//en.wiktionary.org/wiki/spring" class="extiw" title="wiktionary:spring">
- spring
- </a>
- </b>
- </i>
- in Wiktionary, the free dictionary.
- </td>
- </tr>
- </table>
- <p>
- <b>
- Spring
- </b>
- (
- <b>
- s
- </b>
- ) may refer to:
- </p>
- <ul>
- <li>
- <a href="/wiki/Spring_(season)" title="Spring (season)">
- Spring (season)
- </a>
- , a season of the year
- </li>
- <li>
- <a href="/wiki/Spring_(device)" title="Spring (device)">
- Spring (device)
- </a>
- , a mechanical device that stores energy
- </li>
- <li>
- <a href="/wiki/Spring_(hydrology)" title="Spring (hydrology)">
- Spring (hydrology)
- </a>
- , a natural source of water
- </li>
- <li>
- <a href="/wiki/Spring_(mathematics)" title="Spring (mathematics)">
- Spring (mathematics)
- </a>
- , a geometric surface in the shape of a helically coiled tube
- </li>
- <li>
- <a href="/wiki/Spring_(political_terminology)" title="Spring (political terminology)" class="mw-redirect">
- Spring (political terminology)
- </a>
- , often used to name periods of political liberalization
- </li>
- <li>
- <a href="/wiki/Springs_(tide)" title="Springs (tide)" class="mw-redirect">
- Springs (tide)
- </a>
- , in oceanography, the spring tide
- </li>
- </ul>
- <div style="clear: right; margin-bottom: .5em; float: right; padding: .5em 0 .8em 1.4em; background: none; width: auto;">
- </div>
- <!-- NewPP limit reportParsed by mw1206Cached time: 20151119074727Cache expiry: 2592000Dynamic content: falseCPU time usage: 0.032 secondsReal time usage: 0.043 secondsPreprocessor visited node count: 96/1000000Preprocessor generated node count: 0/1500000Post‐expand include size: 1782/2097152 bytesTemplate argument size: 169/2097152 bytesHighest expansion depth: 8/40Expensive parser function count: 0/500Lua time usage: 0.006/10.000 secondsLua memory usage: 508 KB/50 MBNumber of Wikibase entities loaded: 0-->
- <!-- Transclusion expansion time report (%,ms,calls,template)100.00% 32.727 1 - -total 93.07% 30.459 1 - Template:Wiktionary 80.86% 26.463 1 - Template:Sister_project 71.41% 23.371 1 - Template:Side_box 6.59% 2.156 1 - Template:TOC_right-->
It may take you more than 20 seconds to code it, but it is your assignment.
JΛ̊KE
Leave a comment on jakecigar's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to TarangMalani's question