How To Query And Save Link In Array To Call Later?
I am doing a query in wikipedia to get a snippet and the title with the link. Then if i click a title I would like to get the full article in a modal. I am trying to get different
Solution 1:
Use .one()
at #wiki
element click
, event.preventDefault()
, event.stopPropagation()
at ul a
element click
event; set page
to e.relatedTarget.textContent
at $.getJSON()
call within show.bs.modal
event handler
$("ul").on("click", "a", function(e) {
e.preventDefault();
e.stopPropagation();
})
$("#wiki").one('click', function(e) {
var articleName = $(this).data('subject');
$.getJSON("https://en.wikipedia.org/w/api.php?callback=?", {
srsearch: articleName,
action: "query",
list: "search",
format: "json"
}, function(data) {
$("#results ul").empty();
$("#results ul").append("<h3>Results for <b>" + articleName + "</b></h3>").text();
//For each result i set a <li> with the title and snippet. //The title will be a disabled link with the //data-attributes to load the modal
$.each(data.query.search, function(i, item) {
$("#results").append("<li><a href='https://en.wikipedia.org/wiki/" + encodeURIComponent(item.title) + "' data-toggle='modal' data-target='.bs-example-modal-lg'>" + item.title + "</a><br>" + item.snippet + "</li");
// At this point I set the url in a variable// Probably I should save the url in an array since I may have many resultsvar myLink = $("#results ul li a").attr("href");
// Here I disable the link
$("#results div a").attr("href", "#");
});
// Here I say that as soon as the modal is open, //I should make another query based on the title and get the full article// This is where I have the issue as the URL should be what I have saved
$('.modal').on('show.bs.modal', function (e) {
$.getJSON("https://en.wikipedia.org/w/api.php?action=parse&format=json&callback=?", {
page: e.relatedTarget.textContent,
prop:"text"
}, function(data) {
$(".modal-content").html(data.parse.text['*']);
});
});
});
});
jsfiddle https://jsfiddle.net/kgyc8to4/26/
Post a Comment for "How To Query And Save Link In Array To Call Later?"