[JQUERY] 어떻게 jQuery를에 PUT / DELETE 요청을 보내?

어떻게 jQuery를에 PUT / DELETE 요청을 보내?

해결법

1. ---

   1.당신은 아약스 방법을 사용할 수 있습니다 :

   당신은 아약스 방법을 사용할 수 있습니다 :

   $.ajax({
       url: '/script.cgi',
       type: 'DELETE',
       success: function(result) {
           // Do something with the result
       }
   });
   

2. ---

   2.$ 아약스 작동합니다.

   $ 아약스 작동합니다.

   $.ajax({
      url: 'script.php',
      type: 'PUT',
      success: function(response) {
        //...
      }
   });
   

3. ---

   3.우리는 PUT 및 DELETE 있도록 바로 가기에 jQuery를 확장 할 수 있습니다 :

   우리는 PUT 및 DELETE 있도록 바로 가기에 jQuery를 확장 할 수 있습니다 :

   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
       });
     };
   });
   

   지금 당신은 사용할 수 있습니다 :

   $.put('http://stackoverflow.com/posts/22786755/edit', {text:'new text'}, function(result){
      console.log(result);
   })
   

   여기에 복사

4. ---

   4.지정하여 jQuery의 AJAX 기능을 할 수있는 것 같다

   지정하여 jQuery의 AJAX 기능을 할 수있는 것 같다

   입력 : "넣어"또는 입력 : "삭제"

   모든 브라우저에서 지원하지만, 대부분 없습니다되지 않습니다.

   호환성에 대한 추가 정보를 원하시면이 질문에 체크 아웃 :

   풋, DELETE, HEAD, 등 방법은 대부분의 웹 브라우저에서 사용할 수 있습니까?

5. ---

   5.여기에서, 당신은이 작업을 수행 할 수 있습니다 :

   여기에서, 당신은이 작업을 수행 할 수 있습니다 :

   /* Extend jQuery with functions for PUT and DELETE requests. */
   
   function _ajax_request(url, data, callback, type, method) {
       if (jQuery.isFunction(data)) {
           callback = data;
           data = {};
       }
       return jQuery.ajax({
           type: method,
           url: url,
           data: data,
           success: callback,
           dataType: type
           });
   }
   
   jQuery.extend({
       put: function(url, data, callback, type) {
           return _ajax_request(url, data, callback, type, 'PUT');
       },
       delete_: function(url, data, callback, type) {
           return _ajax_request(url, data, callback, type, 'DELETE');
       }
   });
   

   그것은 적응 기본적으로 메소드 매개 변수를 $ .post ()의 단지 사본입니다.

6. ---

   6.다음은 jQuery를> 1.9로 JSON을 사용하는 경우에 대한 업데이트 아약스 호출입니다 :

   다음은 jQuery를> 1.9로 JSON을 사용하는 경우에 대한 업데이트 아약스 호출입니다 :

   $.ajax({
       url: '/v1/object/3.json',
       method: 'DELETE',
       contentType: 'application/json',
       success: function(result) {
           // handle success
       },
       error: function(request,msg,error) {
           // handle failure
       }
   });
   

7. ---

   7.당신은 jQuery.ajax를 사용할 수 있어야합니다 :

   당신은 jQuery.ajax를 사용할 수 있어야합니다 :

   그리고 당신은 유형 옵션과 함께 사용되어야하는 방법을 지정할 수 있습니다 :

8. ---

   8.아약스 ()

   아약스 ()

   PARAM 유형보기

   같은 PUT 및 DELETE와 같은 다른 HTTP 요청 방법은, 또한 여기에서 사용할 수 있지만 모든 브라우저에서 지원되지 않습니다.

9. ---

   9.간결의 경우 :

   간결의 경우 :

   $.delete = function(url, data, callback, type){
   
     if ( $.isFunction(data) ){
       type = type || callback,
       callback = data,
       data = {}
     }
   
     return $.ajax({
       url: url,
       type: 'DELETE',
       success: callback,
       data: data,
       contentType: type
     });
   }
   

10. ---

    10.당신은 AJAX와 함께 할 수 있습니다!

    당신은 AJAX와 함께 할 수 있습니다!

    PUT 방식의 경우 :

    $.ajax({
      url: 'path.php',
      type: 'PUT',
      success: function(data) {
        //play with data
      }
    });
    

    DELETE 방법 :

    $.ajax({
      url: 'path.php',
      type: 'DELETE',
      success: function(data) {
        //play with data
      }
    });
    

11. ---

    11.당신은 Laravel 경로에 $ .post 일 :: 삭제 또는 경로 : 그냥 인수 "_method"= "삭제"또는 "_method"= "넣어"를 추가 넣어해야 할 경우.

    당신은 Laravel 경로에 $ .post 일 :: 삭제 또는 경로 : 그냥 인수 "_method"= "삭제"또는 "_method"= "넣어"를 추가 넣어해야 할 경우.

    $.post("your/uri/here", {"arg1":"value1",...,"_method":"delete"}, function(data){}); ...
    

    다른 프레임 워크를위한 필수 작업

12. ---

    12.나는 솔루션은 크로스 브라우저 지원 여기에 설명 통합하는 jQuery 플러그인을 작성했습니다 :

    나는 솔루션은 크로스 브라우저 지원 여기에 설명 통합하는 jQuery 플러그인을 작성했습니다 :

    https://github.com/adjohnson916/jquery-methodOverride

    확인 해봐!

13. ---

    13.'삭제'값을 _method : 당신은 당신의 데이터 해시에라는 키를 포함 할 수있다.

    '삭제'값을 _method : 당신은 당신의 데이터 해시에라는 키를 포함 할 수있다.

    예를 들면 :

    data = { id: 1, _method: 'delete' };
    url = '/products'
    request = $.post(url, data);
    request.done(function(res){
      alert('Yupi Yei. Your product has been deleted')
    });
    

    이것은 또한 적용됩니다

14. ---

    14.저는 여기에 하나 개의 변수보다 더 넣어 사용하는 간단한 한 줄입니다 :

    저는 여기에 하나 개의 변수보다 더 넣어 사용하는 간단한 한 줄입니다 :

    $.put("https://your-url.com",{item1:'new item1',item2:'new items2'});
    

    expressnodejavascript

from https://stackoverflow.com/questions/2153917/how-to-send-a-put-delete-request-in-jquery by cc-by-sa and MIT license