javascript - 页面加载时的 .get() 请求

Question

我会将用户重定向到一个页面。此页面从 JSON 格式的 REST api 获取其所有内容。所以在页面加载时，我想执行$.get()请求并在页面中加载我的 div 的内容。

我知道如何执行get请求，但是，我不知道如何在页面加载时执行。我的整个应用程序都有一个application.js文件。所以我不能把它放进去，document.ready因为它会加载到我的应用程序的每个页面上。

我将get像这样执行请求：

$.get(
  $(this).data('myurl'),
  function (data) {
    var item = data.response.item[0];
    $('mydiv').html(item.text);
  }
);

Answer 1

使用 jQuery 这很容易，但是你必须把这个块放在你的“开始”页面中：

$(function() {
  // this code will be executed on page load
  app.start();
});

Answer 2

据我了解，您只想从特定页面上的 rest api 获取数据..

为此，您可以：

$(function(){
    if (window.location.href.indexOf('/your/page/url') > -1){
        // your $.get here
        $.get('/torestapi', function(){ //update divs });
    }
});

Answer 3

将其添加为带有单独 document.ready 或之前的内联脚本块</body>。

或者将其添加到单独的 js 文件中，并仅从您要使用它的特定页面链接它。