如何查询并保存数组中的链接以便以后调用?

时间:2016-11-08 21:23:01

标签: javascript jquery wikipedia

我正在维基百科中进行查询,以获取代码片段和带有链接的标题。然后,如果我点击标题,我想在模态中获得完整的文章。

我正在尝试为第一个查询中的每个不同链接获取不同的文章。

Here it is a JsFiddle

$("#wiki").on('click', function(e) {
    var articleName = $(this).data('subject');
    $.getJSON("https://it.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();
        $.each(data.query.search, function(i, item) {
            $("#results").append("<li><a href='http://it.wikipedia.org/wiki/" + encodeURIComponent(item.title) + "' data-toggle='modal' data-target='.bs-example-modal-lg'>" + item.title + "</a><br>" + item.snippet + "</li");
            var myLink = $("#results ul li a").attr("href");
            $("#results div a").attr("href", "#");
        $('.modal').on('show.bs.modal', function (e) {
            $.getJSON("https://it.wikipedia.org/w/api.php?action=parse&format=json&callback=?", {
                page: articleName, 
                prop:"text"
            }, function(data) {
                $(".modal-content").html(data.parse.text['*']);
            });
        });
    });
});

HTML

<button id="wiki" data-subject="Paris">Wikipedia</button>
<output id="results">
 <ul>
 </ul>
</output>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
    </div>
  </div>
</div>

1 个答案:

答案 0 :(得分:1)

psql -d xxx -c "update res_partner set user_id = null"; 元素.one()#wikiclick event.preventDefault()元素event.stopPropagation()事件中使用ul a;在click事件处理程序中page调用时将e.relatedTarget.textContent设置为$.getJSON()

show.bs.modal

jsfiddle https://jsfiddle.net/kgyc8to4/26/