Question

我在页面上有一个html表，其中raws带有“ urls”，我试图一次从一个随机行中一次获取一个URL，但是我的代码尽可能地将URL返回为http://www.test.com/products/product-namehttp://www.test.com/products/product-name.json看到它两次返回url，一个不带json，另一个带json数据，因此我得到404。

我只需要.json URL，而不是第一部分。

如何摆脱不是json的第一个网址？

这是代码。

$(document).ready(function() {
  $(document).on('click', '#closepopup', function() {
    $("#popup").removeClass('popupslidein')
  });
  var tablelink = "https://test.com/pages/product-listing-for-popups.json"; //products url for json data
  $.getJSON(tablelink, function(data) {
    var table = data.page.body_html;
    $('#popuptable').append(table);
    startthepopups()
  });
  var suburbink = "https://test.com/pages/product-listing-suburbs-for-popups"; //suburb names in table rows
  $.getJSON(suburbink, function(data) {
    var suburb = data.page.body_html;
    $('#popupsuburb').append(suburb)
  });
  var namelink = "https://test.com/pages/product-listing-names-for-popups"; //names in table rows
  $.getJSON(namelink, function(data) {
    var name = data.page.body_html;
    $('#popupname').append(name)
  });

  function startthepopups() {
    var popupstay = 10000;
    var popuptrigger = 100000;

    function triggerpopup() {
      var getrandomtd = Math.floor((Math.random() * $('#popuptable tr').length) + 1);
      var link = $('#popuptable tr:nth-child(' + getrandomtd + ')').text();
      console.log(link);
      var productname = '';
      var getrandomsuburbtd = Math.floor((Math.random() * $('#popupsuburb tr').length) + 1);
      var suburblink = $('#popupsuburb tr:nth-child(' + getrandomsuburbtd + ')').text();
      var getrandomnametd = Math.floor((Math.random() * $('#popupname tr').length) + 1);
      var randomname = $('#popupname tr:nth-child(' + getrandomnametd + ')').text();
      $.getJSON(link + '.json', function(data) {
        productname = data.product.title;
        imagelink = data.product.images[0].src;
        if (!$("#popup").hasClass("popupslidein")) {
          $('#popupsomeone span.name').empty().append(randomname);
          $('#popupsomeone span.location').empty().append(suburblink);
          $('#popupimage').css('background-image', 'url(' + imagelink.split('.jpg')[0] + '_small.jpg)');
          $('#popupproduct a').attr('href', link).empty().append(productname);
          $("#popupagotext").empty().append(Math.round(Math.random() * 15 + 10));
          $("#popup").addClass('popupslidein');
          setTimeout(function() {
            $("#popup").removeClass('popupslidein')
          }, popupstay);
        }
      });
    }(function loop() {
      var random = Math.round(Math.random() * 10) * 100000 + popuptrigger;
      setTimeout(function() {
        triggerpopup();
        loop()
      }, 60000)
    }());
  }

});

Answer 1

$.getJSON()倾向于将当前URL附加到您传递的路径中（如果它是相对的）。要使此工作有效，您可以尝试像这样使用$.getJSON()。请记住，所使用的协议将是此代码所在的当前页面。

$.getJSON('//test.com/pages/product-listing-for-popups.json')

我还注意到您的代码中没有http://www.test.com/products/product-name.json的网址，您确定要共享正确的代码段吗？

工作演示

以下两种将$.getJSON()与完全限定的url结合使用的方法可以很好地工作：

$(document).ready(function() {
  var url = "https://jsonplaceholder.typicode.com/todos/1";
  
  // Example 1
  $.getJSON(url)
    .done(function( data ) {
      console.log(data);
    });
    
  // Example 2
  $.getJSON(url, function(data) {
    console.log(data)
  });
  
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

JSON两次返回网址

1 个答案:

工作演示