JavaScript REST客户端库[关闭]


Answers:


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

您可以PUTGET/ POST/ DELETE或任何其他内容替换。


10
jQuery还包括一些使用GET和POST的便捷快捷方法:api.jquery.com/category/ajax/shorthand-methods
Avi Flax 2010年

并扩大在什么@Avi亚麻说,这是非常简单的创建自己PUTDELETE如果你想要的快捷方式的方法。
zzzzBov 2011年

2
您如何检索响应的正文?标头?
Pantelis Sopasakis 2012年

@PantelisSopasakis success回调data函数接受一个参数,该参数将包含响应。
soulseekah 2012年

6
从技术上讲,这不是REST客户端,而是HttpClient。我正在寻找可以显示如何正确使用链接关系和媒体类型来驱动状态的东西。会一直找...
彼得·麦考伊

71

尽管您可能希望使用库(例如出色的jQuery),但不必:所有现代浏览器都通过XMLHttpRequest API在其JavaScript实现中很好地支持HTTP ,尽管它的名称并不局限于XML表示形式。 。

这是在JavaScript中发出同步HTTP PUT请求的示例:

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进行异步请求也很容易。

Web上有成千上万的有关学习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
我喜欢你做到的简单。当您需要时,它似乎确实支持其他选项,但您不要使用它们。
Stradas

哇。您分享了这么多开源。尊重。
wonsuc


6

作为参考,我想添加有关ExtJS的信息,如《手册:RESTful Web服务》中所述。简而言之,请使用方法指定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

您还可以使用诸如Backbone.js之类的mvc框架来提供数据的javascript模型。对模型的更改将转换为REST调用。




By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.