RESTInTag

RESTInTag

HTTP 요청이 HTML 태그에서 직접 작동하도록 하여 HTTP 요청을 쉽게 해주는 JavaScript 플러그인입니다. Ifnot의 RestfulizerJs에서 영감을 얻었지만 구현 방식은 다릅니다.

설치하다

간단한 다운로드

• jQuery 버전
• 바닐라 자바스크립트

다운로드 후 다음과 같이 HTML 파일에 포함하십시오.

 < script src =" path/to/js/restintag.vanilla.js " > </ script >

NPM

이 명령을 통해 설치

 npm install --save restintag

그런 다음 기본 자바 스크립트 파일에서 다음을 수행하십시오.

 // For vanilla version
var restintag = require ( "restintag" ) . vanilla ;
restintag ( ".test" , { } , function ( data ) {
    console . log ( data ) ;
} ) ;

// For jQuery version
var jquery = require ( "jquery" ) ;
window . $ = window . jQuery = jquery ;
var restintag = require ( "restintag" ) . jquery ;
jquery . fn . restintag = restintag ;

$ ( ".test" ) . restintag ( { } , function ( data ) {
    console . log ( data ) ;
} ) ;

용법

쉬운! HTML 태그에 다음 속성을 추가하면 됩니다.

1. data-method : 요청 유형, GET, POST, PUT 등
2. data-target : 데이터를 보내거나 가져올 URL
3. data-disabled : 요청이 완료될 때까지 태그를 비활성화하려면 true , 그렇지 않으면 false 입력합니다.
4. data-once : 첫 번째 요청 후 태그를 완전히 비활성화하려면 true , 기본값은 false 입니다.

예:

 < button data-target =" http://example.com/post/post-id/ " data-method =" DELETE " data-disabled =" true " > Delete Article </ button >

또는 자바스크립트 API를 사용할 수 있습니다. 데이터 속성에 우선순위가 있다는 점에 유의하세요.

API

옵션

먼저 옵션을 설정해야 합니다. 사용 가능한 옵션은 다음과 같습니다(표시된 값은 기본값입니다).

 {
    async : true , // if set to false calls will be synchronous
    parse : false , // if you have query string, it will add them to the request body
    target : null , // the url
    method : "GET" , // the request method
    headers : { } , // the HTTP headers
    timeout : 0 , // milliseconds to wait before cancelling the request, 0 means no timeout 
    data : { } , // request body specially for POST and PUT requests
    disable : true , // to disable the clicking event until the request is finished
    once : false // to disable the click event after the first request is processed
}

바닐라

의존성이 없는 버전입니다. 가지고 있는 프로젝트에 추가하기만 하면 작동합니다.

 restintag ( selector : String , options : Object , successCallback : Function , errorCallback : Function ) : void

jQuery

jQuery를 추가한 후 restintag() 함수를 사용하여 마법을 수행하세요.

 $ ( ".selector" ) . restintag ( options : Object , successCallback : Function , errorCallback : Function ) : jQuery

브라우저 지원

jQuery 버전과 Vanilla 버전 모두 다음 브라우저를 지원합니다.

• 크롬(최신)
• FireFox(최신)
• 엣지(최신)
• IE(9+)
• 오페라 (최신)
• 사파리(최신)
• 비발디 (최신)
• 주현절(최신)

기여자

이 프로젝트에 기여한 사람들의 목록, 감사합니다.

• 이스라엘 롤단
• 무라트 도안

특허

이 프로젝트는 MIT 라이센스를 따릅니다.