programing

자바스크립트 REST 클라이언트 라이브러리

megabox 2023. 9. 21. 20:14
반응형

자바스크립트 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/ 을 사용할 수 있습니다.

  1. Rest API 지원
  2. 많은 사이트 Google, Facebook, Dropbox에 대한 지원 기능 내장
  3. oAuth 1 및 2 지원을 지원합니다.

언급URL : https://stackoverflow.com/questions/921942/javascript-rest-client-library

반응형