Клієнтська бібліотека JavaScript REST [закрита]


117

Є бібліотека JavaScript , яка дозволяє мені виконувати всі операції , як REST ( GET, POST, PUTі DELETEбільш HTTPабо HTTPS)?

Відповіді:


139

Вам не потрібен конкретний клієнт, це досить просто в більшості бібліотек. Наприклад, у jQuery ви можете просто зателефонувати на загальну $.ajaxфункцію із типом запиту, який ви бажаєте зробити:

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

Ви можете замінити PUTна GET/ POST/ DELETEабо що завгодно.


10
jQuery також включає деякі зручні методи швидкого доступу для використання GET та POST: api.jquery.com/category/ajax/shorthand-methods
Avi

і розширити те, що сказав @Avi Flax, створити власні PUTта DELETEметоди, якщо ви хочете ярликів , дуже просто .
zzzzBov

2
Як ви отримуєте тіло відповіді? заголовки?
Pantelis Sopasakis

@PantelisSopasakis successзворотний виклик бере dataаргумент, який міститиме відповідь.
соулсееках

6
Технічно це не REST-клієнт, це HttpClient. Я шукаю щось, що показує, як правильно використовувати зв’язки та типи медіа для керування станом. Будемо шукати ...
Пітер МакЕвой

71

Хоча ви можете використовувати бібліотеку, таку як відмінний jQuery , вам не доведеться: всі сучасні браузери дуже добре підтримують HTTP у своїх реалізаціях JavaScript через API XMLHttpRequest , який, незважаючи на свою назву, не обмежується представленнями XML .

Ось приклад створення синхронного запиту HTTP PUT в 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 + ".");

Цей приклад є синхронним, тому що це робить трохи простішим, але зробити асинхронні запити також досить просто за допомогою цього API.

В Інтернеті є тисячі сторінок і статей про вивчення XmlHttpRequest - вони зазвичай використовують термін AJAX - на жаль, я не можу рекомендувати конкретний. Ви можете знайти цю довідку корисною.


11

Ви можете використовувати цей плагін jQuery, який я щойно зробив :) https://github.com/jpillora/jquery.rest/

Підтримує основні операції CRUD, вкладені ресурси, основні авт

  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 !' );
  });

Якщо ви знайшли помилки або хочете отримати нові функції, опублікуйте їх на сторінці "Випуски" сховищ, будь ласка


2
Мені подобається, як ти просто це зробив. Здається, вони підтримують додаткові параметри, коли вони вам потрібні, але ви не перешкоджаєте цьому.
Страдас

Ого. Ви поділилися стільки відкритих джерел. Повага.
wonsuc

8

jQuery має плагін JSON-REST зі стилем REST у шаблонах параметрів URI. Відповідно до його опису, прикладом використання є наступний: $.Read("/{b}/{a}", { a:'foo', b:'bar', c:3 })стає GET до "/ bar / foo? C = 3".


6

Для довідки хочу додати про ExtJS, як пояснено в Посібнику: RESTful Web Services . Якщо коротко, скористайтеся методом, щоб вказати GET, POST, PUT, DELETE. Приклад:

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

Якщо заголовок Accept необхідний, його можна встановити за замовчуванням для всіх запитів:

Ext.Ajax.defaultHeaders = {
    'Accept': 'application/json'
};

3

Ви також можете використовувати рамки mvc на зразок Backbone.js, які надаватимуть javascript модель даних. Зміни в моделі будуть переведені на REST-дзвінки.




Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.