AjaxによるDOMの削除について

Question

Jquery初心者です。
ある要素<li>があり、そこには×ボタンがあります。
その×ボタンを押せば要素を削除でき、かつDBからもデータを削除できるプログラムを組みたいです。
###発生している問題・エラーメッセージ
HTML
<li><p>aaa</p><button class="close"></button></li>
JS
$(document).ready(function() {
$('.close').click(function(){
$('this').closest('li').addClass('delete');
$.ajax({
url: '/delete',
dataType : 'json',
method: 'post',
data: {
foo: "bar",
remove: "remove data"
},
success: function(data, dataType){
$('.delete').fadeOut('normal');

                },
                
                error: function(XMLHttpRequest, textStatus, errorThrown){
                    alert('Error : ' + errorThrown);
                    $("#XMLHttpRequest").html("XMLHttpRequest : " + XMLHttpRequest.status);
                    $("#textStatus").html("textStatus : " + textStatus);
                    $("#errorThrown").html("errorThrown : " + errorThrown);
                },
            });
        return false;
        });         
    });

エラーメッセージ

上記コードにてsuccess function～が実行されません。原因がお分かりの方どうかご教示ください。

Comments

[shi_ue]

コードはコードごとにコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[kei344]

質問フォームのタイトル横にある初心者マークを押すことで「初心者である」ということはわかりますので、本文に「初心者」と書かなくても大丈夫です。また、エラーは出ていませんか？デベロッパーツールで確認してみてください。http://eng-entrance.com/javascript-display-error

Answer 1

以下修正してみてください。

1.$('this')を$(this)に修正

// $('this').closest('li').addClass('delete');
$(this).closest('li').addClass('delete');

2.methodをtypeに修正

// method: 'post',
type: 'post'

Comments

[AlwaysOreHungry]

ありがとうございました。まさにケアレスミスでした。
投稿の修正等ご指摘いただいた方、合わせてお礼申し上げます。