Published: Modified: V1.1
jquery

Using jQuerys core $.get method as a request shorthand

Do not confuse the core jQuery $.get method with the .get method when working with a dom collection, they have nothing to do with each other at all. The core method is a shorthand for preforming an ajax get request, while the .get method has to do with getting a single element from a collection of dom elements.

Simple example of $.get()

1
2
3
4
5
6
7
8
9
10
11
12
$.get('/', function(res){
 
    var html = new DOMParser().parseFromString(res, "text/html"),
    divs = html.querySelectorAll('div');
 
    [].forEach.call(divs, function(div){
 
        console.log(div);
 
    });
 
});

If I am using jquery in a project I will quickly go ahead and use this in place of my vanilla js method alternatives. It works in a very simple fashion where I just give a path, and a response method when the response is received.

But what if there is not a 200 status?

no problem check it:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$.get('/foo', function(res) {
 
  console.log('we are good');
 
}).done(function(res) {
 
  var html = new DOMParser().parseFromString(res, "text/html"),
    divs = html.querySelectorAll('div');
 
  [].forEach.call(divs, function(div) {
 
    console.log(div);
 
  });
 
}).fail(function(res) {
 
  console.log('something went wrong');
  console.log(res);
 
});

Cross Site?

As long as it is something where I will not run into problems with CORS (Cross-origin resource sharing), doing that is simple enough.

1
2
3
4
5
6
7
8
9
10
$.get('https://api.fixer.io/latest?base=USD').done(function(res){
 
    console.log('the current rates:');
    console.log(res.rates);
 
}).fail(function(res){
 
    console.log(res);
 
});

Do not confuse it with $(‘foo’).get()

That is something completely different in which it is a method that is used to get an element in a collection.

Conclusion

So yes $.get is a nice little shorthand for making get requests, but do not confuse it with the other get method in jQuery.

I might be making a whole lot more posts on the hapi framework, and as such I might get into how to go about throwing together a custom client system that might have jQuery in the mix. It seems like jQuery is one of those projects that is a little dated, but just wont die.