Skip to main content

Javascript REST client

Note: I still work on text, code example should be fine.



REST is the one of the most popular interfaces on the web today. One part to its success it owes to its simplicity.

How number of sites that support REST grows we will need some fast and good solution to use those services on client side. Even if its possible to do it all, since REST is based on http, with old AJAX calls, it would be nice to have some little more...

This is one approach that i choose. I create in javascript new object that has six methods five for REST methods, four for POST, PUT, GET and REMOVE plus one more to GET all resources, and one more to get html template to display your data.

This code is based on jquery and json js libs.

function RestServiceJs(newurl) {
  this.myurl = newurl;

  this.add = function(model, callback) {
    $.ajax({
      type: 'POST',
      url: this.myurl,
      data: JSON.stringify(model), // '{"name":"' + model.name + '"}',
      dataType: 'text',
      processData: false,
      contentType: 'application/json',
      success: callback,
      error: function(req, status, ex) {},
      timeout:60000
    });
  };

  this.update = function(model, callback) {
    $.ajax({
      type: 'PUT',
      url: this.myurl,
      data: JSON.stringify(model), // '{"name":"' + model.name + '"}',
      dataType: 'text',
      processData: false,
      contentType: 'application/json',
      success: callback,
      error: function(req, status, ex) {},
      timeout:60000
    });
  };

  this.find = function(id, callback) {
    $.ajax({
      type: 'GET',
      url: this.myurl + '/' + id,
      contentType: 'application/json',
      success: callback,
      error: function(req, status, ex) {},
      timeout:60000
    });
  };

  this.findAll = function(callback) {
    $.ajax({
      type: 'GET',
      url: this.myurl,
      contentType: 'application/json',
      success: callback,
      error: function(req, status, ex) {},
      timeout:60000
    });
  };

  this.remove = function(id, callback) {
    $.ajax({
      type: 'DELETE',
      url: this.myurl + '/' + id,
      contentType: 'application/json',
      success: callback,
      error: function(req, status, ex) {},
      timeout:60000
    });
  };

  this.loadTmpl = function(turl, callback) {
    $.ajax({
      url: turl,
      success: callback,
      error: function(req, status, ex) {},
      timeout:60000
    });
  }
}


Later you will just need to extend your rest service with your url and use it.
After that you can use in your code like this:

var carRestServiceJs = new RestServiceJs('/rest/car');

// add update event
$("a.update_link").click(function() {

  carRestServiceJs.find(this.id, function(data) {
  
    loadAddModel(data);
    $("#modelName").val(data.name);
  });
});


Please tell me what do you think about it, and,,,,

Comments

Anonymous said…
Thanks for your article, it's very useful !
However I think you've inverted two ajax parameters : contentType and dataType.
- contentType : "When sending data to the server, use this content-type."
- dataType : "The type of data that you're expecting back from the server".

So when you're making a GET/DELETE request, you should specify dataType : 'json' or 'html' and not contenType : 'application/json' as you're not sending data to the server.
Anonymous said…
https://github.com/jpillora/jquery.rest :)
Anna Schafer said…
This tutorial will turn out to be useful for those who are just starting to learn Blogger template and plugin development. In this article, we will show you How to Correctly Add JavaScript codes in Blogger?psd to css
Unknown said…
Urgent:

can you send me the full code please ?

Is this code works same like the chrome advance rest client extention ?

please provide me reference where I can learn to make rest client
Balaji said…
This comment has been removed by the author.
service care said…
Amazing article. Your blog helped me to improve myself in many ways thanks for sharing this kind of wonderful informative blogs in live. I have bookmarked more article from this website. Such a nice blog you are providing
lg mobile service center in chennai
lg mobile service center
lg mobile service chennai
Priyanka said…
Attend The Python training in bangalore From ExcelR. Practical Python training in bangalore Sessions With Assured Placement Support From Experienced Faculty. ExcelR Offers The Python training in bangalore.
python training in bangalore
saketh said…

I feel very grateful that I read this. It is very helpful and very informative and I Python classes in pune really learned a lot from it.
Anu said…
Thanks For sharing Your information The information shared Is Very Valuable Please Keep Updating Us Time Just went On reading The article.
devops training in chennai | devops training in anna nagar | devops training in omr | devops training in porur | devops training in tambaram | devops training in velachery
This comment has been removed by the author.
Pavithra Devi said…
This post is so interactive and informative.keep update more information...
Android Training in Tambaram
Android Training in Chennai
milka said…
Great post. keep sharing such a worthy information.
Data Science Training in Chennai
Aaron said…
This software is useful to update the drivers. Every user knows that without drivers the operating system can't operate any program so Driver Toolkit 8.6 Crack
haseeb said…
Private Messenger 5.96.2 (x86) (Android 5.0+) APK Download by Wickr Inc - APKMirror Free and safe Android APK downloads.Wickr Me Apk

Popular posts from this blog

Use JPA with MongoDb and Datanucleus

Web applications nowadays have huge demand for data processing, and they need to get them, process them, and displayed them fast. Traditional relational tables and big SQL engines fail to serve that purpose. NoSQL movement is on the rise. There are huge numbers of alternatives to SQL like BigTable, HBase, CouchDB, Cassandra and MongoDB. They are all fast but you'll need to implement new way to work with them, since all of them have they own query languages. It would be nice that we can use them in similar or same way in our projects, after all ORM layer is there for that to decouple our objects from underlying storage. MongoDB is one of most popular NoSQL solutions and easiest one to install. For HBase i would had to install cygwin or virtual linux, and still will be hard to confgiure it right. MongoDb is easy, it plays out of the box, just unzip it, and it still offers some nice features like MapReduce, Replication and Sharding. Datanucleus is one of the leading ORM provid

Gestalt Diffing algorithm in Java

What we see depends mainly on what we look for. John Lubbock We do not see things as they are, we see things as we are. Anais Nin Gestalt Diffing algorithm in Java Intro When it comes down to diffing or LCS usually story ends with Myers algorithm. It is idea to create BitMatrix (or IntMatrix) of similarities between two strings and then to approach to a problem from graph point, and find the shortest path of changes between two arrays. It sounds as a great solution, and it is, but in reality it has few drawbacks. It is algorithm that gives great results most of the time but it is a slow algorithm for some obvious cases, if strings are equal, or very similar. You create whole matrix but for your solution not all values from matrix are needed. It involves one more algorithm, finding the shortest path in it self. Then improvements of Myers algorithm came, like to check on start are strings are equals, to check for same prefix or suffix, to run snake chase from both