ajax get call example

by bilbobaggins

HTML

<div id="article">

</div>
<a href="javascript:void(0);" id="next" class="next">Next</a>
<br/>
<br/>
<br/>
<br/>
<br/>
<a href="javascript:void(0);" class="previous round" id="prev">Prev</a>

JavaScript

var nextrequest = "";
var base = new Object();

base.interset = 1;
//San_Francisco
//https://en.wikipedia.org/w/api.php?action=query&titles=India&prop=images&imlimit=1&format=json
//https://en.wikipedia.org/w/api.php?action=query&format=jsonfm&list=search&utf8=1&srprop=snippet&sroffset=20&srsearch=Slovenia&srlimit=2


//https://en.wikipedia.org/w/api.php?action=query&format=json&list=search&utf8=1&srprop=snippet&sroffset="+dataset+"&srsearch=Slovenia&srlimit=2&callback=?

$(document).ready(function() {
  loadresults();
  $("#next").click(function() {

    console.log(base.interset)
    base.direction = "next"
    if (base.interset >= 0) {
      loadresults()
    } else {
      $("#next").hide()
    }
  })


  $("#prev").click(function() {

    base.interset = parseInt(base.interset) - (4);
    base.direction = "prev"
    if (base.interset >= 0) {
      console.log(base.interset)
        //if(internmeh>1)

      loadresults()
    } else {
      base.interset=3
      $("#prev").hide()
      
    }
  })

  function loadresults(dataset) {

    //console.log(base.interset);
    $.ajax({
      type: "GET",
      url: "https://en.wikipedia.org/w/api.php?action=query&format=json&list=search&utf8=1&srprop=snippet&sroffset=" + base.interset + "&srsearch=Slovenia&srlimit=2&callback=?",
      contentType: "application/json; charset=utf-8",
      async: false,
      dataType: "json",
      success: function(data, textStatus, jqXHR) {
        //send in next request
        console.log(data)

        if (data.continue != undefined) {
          nextrequest = data.continue.sroffset;
          base.interset = data.continue.sroffset;
          $("#prev").show();
          $("#next").show();
        } else {
          if (base.direction == "prev") {
            $("#prev").hide();
          } else {
            //$("#next").hide();
          }
        }


        //     console.log(data.query)

        var subarchive = data.query;
        //  console.log(subarchive)
       ...