Biblioteka klienta REST JavaScript [zamknięta]

Odpowiedzi:

139

Naprawdę nie potrzebujesz konkretnego klienta, w przypadku większości bibliotek jest to dość proste. Na przykład w jQuery możesz po prostu wywołać funkcję ogólną $.ajaxz typem żądania, które chcesz wykonać:

$.ajax({
    url: 'http://example.com/',
    type: 'PUT',
    data: 'ID=1&Name=John&Age=10', // or $('#myform').serializeArray()
    success: function() { alert('PUT completed'); }
});

Można wymienić PUTz GET/ POST/ DELETEczy cokolwiek innego.

aleemb
źródło
10
jQuery zawiera również kilka przydatnych metod skrótów do używania GET i POST: api.jquery.com/category/ajax/shorthand-methods
Avi Flax
i aby rozwinąć to, co powiedział @Avi Flax, bardzo łatwo jest stworzyć własne PUTi DELETEmetody, jeśli chcesz używać skrótów.
zzzzBov
2
Jak odzyskujesz treść odpowiedzi? nagłówki?
Pantelis Sopasakis
@PantelisSopasakis successwywołanie zwrotne przyjmuje dataargument, który będzie zawierał odpowiedź.
soulseekah
6
Z technicznego punktu widzenia nie jest to klient REST, tylko HttpClient. Szukam czegoś, co pokazuje, jak prawidłowo używać relacji linków i typów mediów do sterowania stanem. Będzie szukać dalej ...
Peter McEvoy
71

Chociaż możesz chcieć użyć biblioteki, takiej jak doskonały jQuery , nie musisz: wszystkie nowoczesne przeglądarki bardzo dobrze obsługują HTTP w swoich implementacjach JavaScript za pośrednictwem interfejsu API XMLHttpRequest , który pomimo swojej nazwy nie ogranicza się do reprezentacji XML .

Oto przykład wykonania synchronicznego żądania HTTP PUT w JavaScript:

var url = "http://host/path/to/resource";
var representationOfDesiredState = "The cheese is old and moldy, where is the bathroom?";

var client = new XMLHttpRequest();

client.open("PUT", url, false);

client.setRequestHeader("Content-Type", "text/plain");

client.send(representationOfDesiredState);

if (client.status == 200)
    alert("The request succeeded!\n\nThe response representation was:\n\n" + client.responseText)
else
    alert("The request did not succeed!\n\nThe response status was: " + client.status + " " + client.statusText + ".");

Ten przykład jest synchroniczny, ponieważ sprawia, że ​​jest trochę łatwiejszy, ale dość łatwo jest tworzyć żądania asynchroniczne również przy użyciu tego interfejsu API.

W sieci są tysiące stron i artykułów o nauce XmlHttpRequest - zwykle używają terminu AJAX - niestety nie mogę polecić konkretnego. Może się jednak przydać ten odnośnik .

Avi Flax
źródło
11

Możesz użyć tej wtyczki jQuery, którą właśnie stworzyłem :) https://github.com/jpillora/jquery.rest/

Obsługuje podstawowe operacje CRUD, zagnieżdżone zasoby, podstawową autoryzację

  var client = new $.RestClient('/api/rest/');

  client.add('foo');
  client.foo.add('baz');
  client.add('bar');

  client.foo.create({a:21,b:42});
  // POST /api/rest/foo/ (with data a=21 and b=42)
  client.foo.read();
  // GET /api/rest/foo/
  client.foo.read("42");
  // GET /api/rest/foo/42/
  client.foo.update("42");
  // PUT /api/rest/foo/42/
  client.foo.delete("42");
  // DELETE /api/rest/foo/42/

  //RESULTS USE '$.Deferred'
  client.foo.read().success(function(foos) {
    alert('Hooray ! I have ' + foos.length + 'foos !' );
  });

Jeśli znajdziesz błędy lub chcesz nowe funkcje, opublikuj je na stronie „Problemy” repozytoriów

jpillora
źródło
2
Podoba mi się, jak proste to uczyniłeś. Wygląda na to, że obsługuje dodatkowe opcje, gdy ich potrzebujesz, ale nie przeszkadzają.
Stradas
Łał. Udostępniłeś tak wiele otwartych źródeł. Szacunek.
wonsuc
8

jQuery ma wtyczkę JSON-REST ze stylem REST szablonów parametrów URI. Zgodnie z jego opisem przykładem użycia jest następujący: $.Read("/{b}/{a}", { a:'foo', b:'bar', c:3 })staje się GET do "/ bar / foo? C = 3".

Volodymyr Frolov
źródło
6

W celach informacyjnych chcę dodać informacje o ExtJS, jak wyjaśniono w Podręczniku: Usługi sieciowe RESTful . Krótko mówiąc, użyj metody, aby określić GET, POST, PUT, DELETE. Przykład:

Ext.Ajax.request({
    url: '/articles/restful-web-services',
    method: 'PUT',
    params: {
        author: 'Patrick Donelan',
        subject: 'RESTful Web Services are easy with Ext!'
    }
});

Jeśli nagłówek Accept jest konieczny, można go ustawić jako domyślny dla wszystkich żądań:

Ext.Ajax.defaultHeaders = {
    'Accept': 'application/json'
};
stivlo
źródło
3

Możesz także użyć frameworków mvc, takich jak Backbone.js, które zapewnią model danych w języku JavaScript. Zmiany w modelu zostaną przetłumaczone na wywołania REST.

Stig Husby
źródło
3

Możesz wypróbować restful.js , klienta RESTful niezależnego od platformy, używając składni podobnej do popularnego Restangular.

François Zaninotto
źródło
0

Możesz użyć http://adodson.com/hello.js/, który ma

  1. Obsługa Rest API
  2. Wbudowana obsługa wielu witryn google, facebook, dropbox
  3. Obsługuje obsługę OAuth 1 i 2.
Alireza Fattahi
źródło