Отправка значения из jsp в код ajax для доступа к тегу URL в ajax

Question

Я хочу использовать мою переменную $ {category.cId} в теге URL ajax.Но я не понимаю, как использовать эту переменную, чтобы я мог получить доступ к этой переменной, чтобы удалить свою конкретную запись, используя $ {category.cId}. Я хочу получить доступ к ajax-коду, когда я нажимаю кнопку «delete1» в jsp.Каков синтаксис для этого!

Я пытался увидеть много источников, но не понимаю его.

    //This is my ajax code 
   <script type="text/javascript">
$(document).ready(function() {
    $('#delete').on('click',function() {
        var v=document.getElementById("delete").value;
        $.ajax({
            type: "POST",
            url: "/deletecategory1/${v}",
            success: function(response){
                alert('Category deleted');
            },
            error: function(){
                alert('error occured');
            }
        });
    });
});
</script>

//This is my jsp code

<div class="row">
<c:forEach items="${categorylist}" var="category"> 
  <div class="col-md-4 col-sm-6">
  <div class="card" style="width:400px">
    <img class="card-img-top" src="images/img5.jpg" alt="Card image" style="width:100%">
        <div class="card-body">
            <h4 class="card-title">${category.cName}</h4>
            <p class="card-text">Some example text some example text. John Doe is an architect and engineer</p>
            <div class="display: inline;">
                <a href="<c:url value="/managecategorys/${category.cName}"/>" class="btn btn-primary">View All</a>
                <a href="<c:url value="/deletecategory/${category.cId}"/>" class="btn btn-primary">Delete Category</a>
                <a id="delete"  class="btn btn-primary">Delete1</a>
            </div>
        </div>
  </div>
</div>
</c:forEach>
</div>