是否有一个 JavaScript 库允许我执行所有 REST 操作,例如 ( GET
, POST
, PUT
and DELETE
over HTTP
or HTTPS
)?
JavaScript REST 客户端库
IT技术
javascript
jquery
rest
2021-01-28 13:35:01
6个回答
您实际上并不需要特定的客户端,大多数库都相当简单。例如,在 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
或其他任何内容。
虽然您可能希望使用一个库,例如优秀的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 发出异步请求也很容易。
网络上有数以千计的关于学习 XmlHttpRequest 的页面和文章——它们通常使用术语 AJAX——不幸的是,我不能推荐一个特定的。不过,您可能会发现此参考资料很方便。
你可以使用我刚刚制作的这个 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 !' );
});
如果您发现错误或想要新功能,请将它们发布在存储库的“问题”页面中
jQuery 有JSON-REST插件和 REST 风格的 URI 参数模板。根据它的描述,使用示例如下:$.Read("/{b}/{a}", { a:'foo', b:'bar', c:3 })
成为对“/bar/foo?c=3”的 GET。
作为参考,我想添加有关 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'
};
其它你可能感兴趣的问题