Biblioteka klienta JavaScript REST [zamknięta]

Czy istnieje biblioteka JavaScript, która pozwala mi wykonywać wszystkie operacje REST jak (GET, POST, PUT i DELETE nad HTTP lub HTTPS)?

Author: Mitul, 2009-05-28

9 answers

Tak naprawdę nie potrzebujesz konkretnego klienta, jest to dość proste w przypadku większości bibliotek. Na przykład w jQuery możesz po prostu wywołać ogólną funkcję $.ajax z 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żesz zastąpić PUT GET/POST/DELETE albo cokolwiek.

 138
Author: aleemb,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-06-19 17:19:23

Chociaż możesz chcieć korzystać z biblioteki, takiej jak doskonała jQuery , nie musisz: wszystkie nowoczesne przeglądarki bardzo dobrze obsługują HTTP w swoich implementacjach JavaScript za pośrednictwem XMLHttpRequest API, 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 to trochę łatwiejsze, ale jest dość łatwe do asynchronicznego żądania za pomocą tego API, jak również.

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

 69
Author: Avi Flax,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-06-02 02:05:39

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

Obsługuje podstawowe operacje CRUD, zagnieżdżone zasoby, podstawowy auth

  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 potrzebujesz nowych funkcji, umieść je na stronie "problemy" repozytoriów

 9
Author: jpillora,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-01-16 14:16:55

JQuery posiada wtyczkę JSON-REST ze stylem REST szablonów parametrów URI. Zgodnie z jego opisem przykładem użycia jest followin: $.Read("/{b}/{a}", { a:'foo', b:'bar', c:3 }) staje się GET to " / bar / foo?c=3".

 8
Author: Volodymyr Frolov,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-03-03 12:57:30

Dla odniesienia chcę dodać o ExtJS, jak wyjaśniono w podręczniku: RESTful Web Services . 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że być ustawiony jako domyślny dla wszystkich żądań:

Ext.Ajax.defaultHeaders = {
    'Accept': 'application/json'
};
 6
Author: stivlo,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-08-08 14:41:26

Możesz również używać frameworków mvc, takich jak Backbone.js, który dostarczy model danych w języku javascript. Zmiany w modelu zostaną przełożone na wywołania REST.

 3
Author: Stig Husby,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-02-15 07:21:47

Możesz spróbować wypocząć.JS, Framework-agnostyczny Klient RESTful, wykorzystujący składnię podobną do popularnego Restangular.

 2
Author: François Zaninotto,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-03-10 14:38:53

Dojo robi, np. poprzez Jsonrestore, zobacz http://www.sitepen.com/blog/2008/06/13/restful-json-dojo-data /.

 1
Author: Alex Martelli,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-05-28 16:53:42

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.
 0
Author: Alireza Fattahi,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-01-19 07:41:40