勉強したことのメモ

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

  関連記事

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

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

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

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

jQueryで後から追加した要素にhasClass / addClass / removeClassを使用した際の挙動
jQueryで後から追加した要素にhasClass / addClass / removeClassを使用した際の挙動

jQueryで後から追加した要素にhasClass / addClass / r ...

jQuery UIでカレンダーピッカー(Datepicker)の利用方法
jQuery UIでカレンダーピッカー(Datepicker)の利用方法

フォーム等で日付を入力する際にカレンダーピッカー機能を実装することがある。その際 ...

FullCalendarでカレンダー内のイベントをクリックした際にタイトル以外の内容も表示させる方法
FullCalendarでカレンダー内のイベントをクリックした際にタイトル以外の内容も表示させる方法

FullCalendarでカレンダー内のイベントをクリックした際にtitle以外 ...