是否有一个JavaScript库,它允许我执行像(所有的REST操作GET
,POST
,PUT
和DELETE
超过HTTP
或HTTPS
)?
是否有一个JavaScript库,它允许我执行像(所有的REST操作GET
,POST
,PUT
和DELETE
超过HTTP
或HTTPS
)?
Answers:
您实际上并不需要特定的客户端,对于大多数库而言,这相当简单。例如,在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
或任何其他内容替换。
PUT
和DELETE
如果你想要的快捷方式的方法。
success
回调data
函数接受一个参数,该参数将包含响应。
尽管您可能希望使用库(例如出色的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-不幸的是,我不推荐使用特定的术语。您可能会发现此参考资料很方便。
您可以使用我刚刚制作的这个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具有带有REST参数的URI参数模板的JSON-REST插件。根据其描述,使用示例如下:$.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'
};
您可以使用与流行的Restangular相似的语法尝试restful.js(与框架无关的RESTful客户端)。
Dojo可以通过例如JsonRestStore进行访问,请参见http://www.sitepen.com/blog/2008/06/13/restful-json-dojo-data/。
您可以使用http://adodson.com/hello.js/其中有