勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ

AjaxにてHTTPリクエストメソッドをDELETE / PUTで送信する方法

  jQuery JavaScript

あるAPIにAjaxでリクエストする際、GET / POSTではなくDELETE / PUTで送信する必要があった。このようなHTTPリクエストメソッドはほぼ取り扱ったことが無いのでどうしたらいいのか調べたところ、普通にtypeオプションで指定できるみたい。以下に対応方法をメモ。

 

対応方法

Ajax側

<script>
$(function(){
    $.ajax({
        url:'./method.php',
        type: 'DELETE', //PUTでもOK
    }).done(function(result){
        console.log(result);
    }).fail(function() {

    }).always(function() {

    });
});
</script>

HTTPリクエストメソッドの確認側(method.php)

<?php
echo $_SERVER['REQUEST_METHOD'];

 

参考サイト

https://stackoverflow.com/questions/2153917/how-to-send-a-put-delete-request-in-jquery

 - jQuery JavaScript

  関連記事

jQueryで同サーバ内のCSVを読み込み、配列やオブジェクトとして取り扱う方法
jQueryで同サーバ内のCSVを読み込み、配列やオブジェクトとして取り扱う方法

先日バニラJavaScriptで同サーバ内のCSVを読み込み、配列として取り扱う ...

summernoteにクリップボードにコピー機能を追加する方法
summernoteにクリップボードにコピー機能を追加する方法

summernoteのツールバーに新たにボタンを設置し、そのボタンをクリックする ...

jQueryの日付&時間のピッカー(bootstrap-datetimepicker)について
jQueryの日付&時間のピッカー(bootstrap-datetimepicker)について

日付のピッカーはよく見るけど、時間のピッカーはあまり見ないので、普通のセレクトメ ...

YouTubeの埋め込み動画をjQuery&CSSでフローティングビデオ対応させる方法
YouTubeの埋め込み動画をjQuery&CSSでフローティングビデオ対応させる方法

以前にvideoタグで表示させた動画をjQuery&CSSでフローティン ...

jQuery UIのDatepickerでリセット(入力内容消去)ボタンの追加方法
jQuery UIのDatepickerでリセット(入力内容消去)ボタンの追加方法

jQuery UIのDatepickerでキーボード入力を防ぎたいためreado ...