基本JQuery获取

Basic JQuery Get

本文关键字:获取 JQuery 基本      更新时间:2023-09-26

我正在为一个学校项目使用javascript,并决定使用JQuery从网站获取信息。我以前从未使用过它,所以我不知道自己在做什么,大多数教程似乎都让我感到困惑。到目前为止,我得到的信息是:

$(function getRoutes(){
$.ajax({
    type: 'GET',
    url: 'http://orbis.stanford.edu/api/sites/50017'
    success: function(data){
        console.log('success', data);
        }
    })
});

这在第6行返回"意外标识符"。任何帮助都会很棒!

代码中不需要的符号,如前所述,b@Johan您在url之后错过了,,3您想要的可能变体:

如果您想使用getRoutes()调用它,则

function getRoutes(){
$.ajax({
    type: 'GET',
    url: 'http://orbis.stanford.edu/api/sites/50017',
    success: function(data){
        console.log('success', data);
        }
    })
};
// Invoking Manually (sort of).
getRoutes();

或者如果您希望它是**IIFE(立即调用函数表达式)**

// Will be invoked immediately.
(function(){
$.ajax({
    type: 'GET',
    url: 'http://orbis.stanford.edu/api/sites/50017',
    success: function(data){
        console.log('success', data);
        }
    })
})();

或者在DOM Ready上,您可能需要$

$(function(){
$.ajax({
    type: 'GET',
    url: 'http://orbis.stanford.edu/api/sites/50017',
    success: function(data){
        console.log('success', data);
        }
    })
});

您在url: ... 结束时错过了一个,

试试这个:

$(function getRoutes() {
  $.ajax({
    type: 'GET',
    url: 'http://orbis.stanford.edu/api/sites/50017',
    success: function(data) {
      console.log('success', data);
    }
  });
});

可能稍微好一点:

function getRoutes(locationid) {
  var routesURL = 'http://orbis.stanford.edu/api/sites/' + locationid;
  $.ajax({
    type: 'GET',
    url: routesURL
  }).done(function(data) {
    console.dir(data);
  });
}
getRoutes(50017);

这使用ajax 返回的jQuery promise