javascript - シンプルな Ajax 投稿で変数が機能しない

Question

変数 getID を機能させることができないようです。divのhtmlを変更しようとしています。変数に正しい値があることはわかっています。

$('.cardid').change(function() {
    var getID = $(this).attr('value');

        $.ajax({
        type: "POST",
        url: "inc/change_thumbnail.php",
        data: "id="+getID,
        cache: false,
        success: function(data) {
            $("#"+getID).html(data);
            alert("success");
        },
        error: function (err) {
            alert("error"); 
        }
    });

});        

Answer 1

$.ajaxにdata : "id="+getID,

Answer 2

valを使用して入力の値を取得します。

var getID = $(this).val();

POST リクエストを作成しているので、data 引数を使用して、jQuery が適切に値を送信できるようにする必要があります。

$.ajax({
    type: "POST",
    url: "inc/change_thumbnail.php",
    data: {id:getID},
    cache: false,
    success: function(data) {
        $("#"+getID).html(data);
        alert("success");
    },
    error: function (err) {
        alert("error"); 
    }
});

Answer 3

これを試すことができます：

$('[id="'+getID+'"]').html(data);

はい、次のように渡す必要があります。

data:{id:getID}