자바스크립트 REST 클라이언트 라이브러리
()와 같은 REST 작업을 모두 수행할 수 있는 자바스크립트 라이브러리가 있습니까?GET
,POST
,PUT
그리고.DELETE
위에HTTP
아니면HTTPS
)?
특정 클라이언트가 필요한 것이 아니라 대부분의 라이브러리에서 매우 간단합니다.예를 들어 jQuery에서는 generic을 호출할 수 있습니다.$.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를 통해 자바스크립트 구현에서 HTTP를 매우 잘 지원합니다.
자바스크립트에서 동기식 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에는 REST 스타일의 URI 매개 변수 템플릿이 있는 JSON-REST 플러그인이 있습니다.의 사용 예에 따르면 다음과 같습니다.$.Read("/{b}/{a}", { a:'foo', b:'bar', c:3 })
는 "/bar/foo?c=3"의 GET가 됩니다.
참고로 설명서: RESTful Web Services에서 설명한 것처럼 ExtJS에 대해 추가하고자 합니다.즉, 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'
};
데이터의 자바스크립트 모델을 제공하는 Backbone.js와 같은 mvc 프레임워크를 사용할 수도 있습니다.모델의 변경 사항은 REST 호출로 변환됩니다.
일반적인 Restangular와 유사한 구문을 사용하여 프레임워크에 구애받지 않는 RESTful 클라이언트인 restful.js를 시도할 수 있습니다.
예를 들어 Json Restore를 통해 Dojo는 http://www.sitepen.com/blog/2008/06/13/restful-json-dojo-data/ 을 참조하십시오.
당신은 다음을 가진 http://adodson.com/hello.js/ 을 사용할 수 있습니다.
- Rest API 지원
- 많은 사이트 Google, Facebook, Dropbox에 대한 지원 기능 내장
- oAuth 1 및 2 지원을 지원합니다.
언급URL : https://stackoverflow.com/questions/921942/javascript-rest-client-library
'programing' 카테고리의 다른 글
실행 중인 프로세스 이름 검색 (0) | 2023.09.26 |
---|---|
WP-REST API에 대한 사용자 지정 경로 끝점에서 "코드"를 제공합니다. "rest_no_route", 오류 (0) | 2023.09.21 |
Understanding Fragment's setRetainInstance(boolean) (0) | 2023.09.21 |
내 사이트의 고유 방문자를 어떻게 계산합니까? (0) | 2023.09.21 |
WooCommerce의 특정 사용자 역할에 대한 카트에 추가 단추 제거 (0) | 2023.09.21 |