我们可以扩展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);
})

从这里复制

你可以在你的数据散列中包含一个名为:_method的键，值为'delete'。

例如:

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

这也适用于

似乎可以通过JQuery的ajax函数指定

输入:“put”或 类型:“删除”

并不是所有浏览器都支持，而是大多数浏览器都支持。

看看这个问题，了解更多关于兼容性的信息:

PUT, DELETE, HEAD等方法在大多数网络浏览器中可用吗?

我写了一个jQuery插件，它包含了这里讨论的跨浏览器支持的解决方案:

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

点击这里查看详情！

你应该会使用jQuery。ajax:

使用HTTP加载远程页面 请求。

你可以通过type选项指定应该使用哪个方法:

要发出的请求类型(“POST”或 "GET")，默认为"GET"。注:其他 HTTP请求方法，如PUT和 DELETE也可以用在这里，但是 他们并没有得到所有人的支持 浏览器。

我们可以扩展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);
})

从这里复制