JSFiddle - React, Tailwind, and code Playground

HTML

<div id="removeproducer" data-mi-producerId="11111" data-mi-movieid="22222">
                <a href="#">Remove</a>
            </div>

JavaScript

var removeProducer = function () {
alert("123");
    var $a = $(this);
    var prodId = $a.attr("data-mi-producerid");
    var mov = $a.attr("data-mi-movieId");

    var options = {
        url: "/Movie/ProducerRemove",
        contentType: "application/json",
        data: JSON.stringify({ producerId: prodId, movie: mov }),
        type: "post",
        dataType: "html"
    };

    $.ajax(options).done(function (data) {
        var $target = $("#producerindex");
        $target.html(data);
    });

    return false;
};

$("#removeproducer").on("click", removeProducer);