jQueryでPUT / DELETEリクエストを送信する方法は？

GET：$.get(..)

POST：$.post()..

どうPUT/DELETEですか？

あなたはajaxメソッドを使うことができます：

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

$.ajax 働くでしょう。

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

jQueryを拡張して、PUTおよびDELETEのショートカットを作成できます。

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

ここからコピー

次のように指定することで、JQueryのajax関数で可能であると思われます。

type: "put" または type: "delete"

また、一部のブラウザではサポートされていませんが、ほとんどのブラウザでサポートされています。

互換性の詳細については、この質問を確認してください：

PUT、DELETE、HEADなどのメソッドは、ほとんどのWebブラウザーで使用できますか？

ここから、これを行うことができます：

/* 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()は、メソッドパラメータを適合させた単なるコピーです。

以下は、jQuery> 1.9でJSONを使用している場合の更新されたajax呼び出しです。

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

あなたは使用できるはずですjQuery.ajax：

HTTPリクエストを使用してリモートページをロードします。

また、typeオプションを使用して、使用する方法を指定できます。

作成するリクエストのタイプ（ " POST"または " GET"）、デフォルトは " GET"。
注：PUTおよび などの他のHTTPリクエストメソッドDELETEもここで使用できますが、すべてのブラウザでサポートされているわけではありません。

ajax（）

パラメータタイプを探す

PUTやDELETEなどの他のHTTPリクエストメソッドもここで使用できますが、すべてのブラウザでサポートされているわけではありません。

簡潔にするために：

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

あなたは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
  }
});

ここで説明されているソリューションとクロスブラウザーのサポートを組み込んだjQueryプラグインを作成しました。

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

見てみな！

$.postLaravelで作業を行う必要がある場合、Route::deleteまたはRoute::put単に引数"_method"="delete"またはを追加する必要がある場合"_method"="put"。

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

他のフレームワークで機能する必要があります

注：Laravel 5.6およびjQuery 3でテスト済み

データハッシュに、「削除」という値の_methodというキーを含めることができます。

例えば：

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

これも適用されます

これは、複数の変数を配置するために使用する単純な1行です：

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

表現するノードJavaScript