[jQuery] $.put, $.delete 사용하기
2017. 12. 15. 10:10ㆍJavaScript
Restfull을 사용 할 때 method 방식에 put 또는 delete 의 경우 jquery에서는 $.ajax를 사용하여만 하는 번거로움이 있습니다.
Method PUT을 사용할 경우
1 2 3 4 5 6 7 8 9 | $.ajax({ url : "/user", type : "PUT", data : $("#testForm").serialize(), dataType : "text", success: function(result) { console.log( result ); } }); |
Method DELETE를 사용할 경우
1 2 3 4 5 6 7 | $.ajax({ type : "DELETE", dataType : "text", success: function(result) { console.log( result ); } }); |
위의 소스를 $.post나 $.get 처럼 사용하고자 할 때 다음 예제를 이용하면 됩니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | jQuery.each([ "put", "delete" ], function(i, method) { jQuery[method] = function(url, data, callback, type) { if (jQuery.isFunction(data)) { type = type || callback; callback = data; data = undefined; } return jQuery.ajax({ url : url, type : method, dataType : type, data : data, success : callback }); }; }); |
사용 :
Method PUT을 사용할 경우
1 2 3 | $.put("/user", $("#testForm").serialize(), (result) => { console.log( result ); },"text"); |
Method DELETE를 사용할 경우
1 2 3 | $.delete("/user/kamsi76", (result) => { console.log( result ); },"text"); |
'JavaScript' 카테고리의 다른 글
| Base64 Image 정보를 Blob형태로 변환 (0) | 2019.10.22 |
|---|---|
| jQuery.html()로 소스 가져올 때 닫힘 없어지는 현상 처리 (0) | 2019.02.13 |
| [Javascript] var, let 그리고 const의 차이 (0) | 2017.11.21 |
| 배경화면을 이용한 슬라이드 (2) | 2015.10.23 |
| Datepicker 시간 선택 Plugin (0) | 2015.05.18 |