forum

Home / DeveloperSection / Forums / How to prevent anchor tag request on ajax response?

Ask Question

How to prevent anchor tag request on ajax response?

Anonymous User 1181 03-Apr-2018

Hi,

I want to stop anchor tag request on ajax response.

Here is my code:

<a class="anchorTag" href="@Url.Action("ActionName", "ControllerName")" >Click Here...</a>
<script>
$(function () {
    $('.anchorTag').click(function (e) {
     var data = {
            postID: 001
        };
        $.ajax({
            type: "POST",
            url: "../../ControllerName/ActionName",
            data: JSON.stringify(data),
            dataType: "json",
            contentType: 'application/json; charset=utf-8',
            success: function (response) {
                if (response.success == true) {                    

                }
                else {                  

                }
            }
        });
    });
});
</script>

Please give me some solution to achieve this task.

c# mvc 
Updated on 04-Apr-2018
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Hemant Patel

Hemant Patel

04-Apr-2018

Hi Franco, 

I analyzed your code. You can achieve your task by using object.preventDefault().

But used this method carefully.

Your modified code is as follows:

<script>

$(function () {



    $('.anchorTag').click(function (e) {

        e.preventDefault();

        var me = this;


      


        var data = {

            postID: 001

        };



        $.ajax({

            type: "POST",

            url: "../../ControllerName/ActionName",

            data: JSON.stringify(data),

            dataType: "json",

            contentType: 'application/json; charset=utf-8',

            success: function (response) {

                if (response.success == true) {

                    window.location = $(me).attr("href");

                }

                else {

                   

                }

            }

        });



    });

});

</script>

I hope it's informative!!!

Liked By