Поблемс с бегущим Аяксом

Question

Мне не хватает навыков в jQuery.Я написал раздел ajax для комментариев на веб-странице, но он не работает. Я хочу отправить комментарий к действию и после этого очистить поле для комментариев.

<h6> enter your comment </h6>
    <form class="comment-form" action="" method="post">
        <div>
            <input placeholder=" Full Name" type="text" id="txtName">
            <input placeholder=" Email " type="email" id="txtEmail">
            <input placeholder=" Mobile " type="text" id="txtPhoneNumber">

        </div>
        <textarea placeholder=" Comment" id="txtComment"> </textarea>
        <input value="Send your comment " type="button" onclick="addComment()" >
    </form>
</section>

<script type="text/javascript">
  
    function addComment() {
        $.ajax({
            url: "/News/AddComment/" +@Model.PageID,
            type: "Get",
            data: { name: $("#txtName").val(), email: $("#txtEmail").val(), text: $("#txtComment").val(), number: $("#txtPhoneNumber").val() }
            
        }).done(function () {

            $("#txtName").val("");
            $("#txtEmail").val("");
            $("#txtPhoneNumber").val("");
            $("#txtComment").val("");
        });
    }
    
</script>

не комментирует действие и не очищает поле комментария.

Answer 1

Вместо Get Use Post, это может помочь. Попробуйте также, если вы можете получить любую ошибку или успех в консоли

    <script type="text/javascript">

     function addComment() {
       $.ajax({
          url: "/News/AddComment/" +@Model.PageID,
          type: "Get",
          data: { name: $("#txtName").val(), email: $("#txtEmail").val(), 
           text: $("#txtComment").val(), number:  
           $("#txtPhoneNumber").val() },
       success: function(response){
      console.log(response);
      }
     });
    }

   </script>