Ajax Jquery not return the URL after using ActionLink in MVC

Question

I got a scenario:

Here's my ActionResult when ActionLink was Clicked

 public PartialViewResult ViewHit(string id, string recordid,string statusSelect,string statusHitSelect)
{
    //some code here....
}

The ActionLink where to post after the Button was clicked:

public ActionResult SaveUpdate(String statusSelect, string statusHitSelect)
 {

     return PartialView("ViewHitList");
 }

Here's the button:

<input type="button" value="Save" id="savehit"/>

and Here's my Ajax:

 $("#savehit").on('click', function () {

            //alert("Button was click!");
            $.ajax({
                type: "post",
                contentType: "application/json; charset=utf-8",
                //url: "SelectUpdate?statusSelect=" + statusSelect + '&statusHitSelect=' + statusHitSelect,
                url: "SaveUpdate",
                data: "{'statusSelect':'" + statusSelect + "','statusHitSelect':'" + statusHitSelect + "'}",
                //data:null,
                success: function (response) {
                    if (response != null && response.success) {
                        //InformationMessageSuccess(response.responseText);
                        alert("success");
                    } else {
                        // DoSomethingElse()
                        //InformationMessageFailed(response.responseText);
                        alert("not success");
                    }
                },

            });

        });

The problem is, when i hit the save button using debug mode the ActionResult called was the ViewHit instead of SaveUpdate.

I am wondering why is it happen?

Any great idea is highly appreciated.

Thanks for the answers below.. but unfortunately doesn't solved the issue. Don't know why... You can try to simulate the problem guy's do it from the start with ActionLink. — Vijunav Vastivch
– Vijunav Vastivch, Commented Oct 4, 2017 at 8:11

Jeric Cruz · Accepted Answer · 2017-10-04 08:22:48Z

1

You can try to avoid default action of the event by using event.preventDefault()

$("#savehit").on('click', function (event) {
    event.preventDefault();
    //alert("Button was click!");
    $.ajax({
        type: "post",
        contentType: "application/json; charset=utf-8",
        //url: "SelectUpdate?statusSelect=" + statusSelect + '&statusHitSelect=' + statusHitSelect,
        url: "@Url.Action("SaveUpdate", "Home")",
        data: "{'statusSelect':'" + statusSelect + "','statusHitSelect':'" + statusHitSelect + "'}",
        //data:null,
        success: function (response) {
            if (response != null && response.success) {
                //InformationMessageSuccess(response.responseText);
                alert("success");
            } else {
                // DoSomethingElse()
                //InformationMessageFailed(response.responseText);
                alert("not success");
            }
        }
    });
});

edited Oct 4, 2017 at 8:22

answered Oct 4, 2017 at 6:51

Jeric Cruz

1,9071 gold badge16 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Vijunav Vastivch Over a year ago

Also iv'e tried this url: "Home/SaveUpdate", but no luck.

Vijunav Vastivch Over a year ago

as my investigation the url added the old one like http://localhost:6487/Home/ViewHit/Home/SaveUpdate. it's wierd, don't know why.

Jeric Cruz Over a year ago

You can try to use UrlHelper. try my updated answer. just be sure that 'SaveUpdate' is in Home controller

Unni Krishnan · Accepted Answer · 2017-10-04 07:18:58Z

1

Add the [HttpPost] attribute to the SaveUpdate action
In the ajax, change the URL to url: "ControllerName/SaveUpdate"
Since you are expecting a boolean result (JSON) back to your page as the ajax response, simply return a jsonResult (true/false)

answered Oct 4, 2017 at 7:18

Unni Krishnan

943 silver badges9 bronze badges

1 Comment

Vijunav Vastivch Over a year ago

Thanks for your idea @Unni

sina_Islam · Accepted Answer · 2017-10-04 07:27:27Z

SaveUpdate is not post type please add attribute [HttpPost] at the top of the controller method like

[HttpPost]
public ActionResult SaveUpdate(String statusSelect, string statusHitSelect)
 {

     return PartialView("ViewHitList");
 }

I have changed the ajax call like bellow and it the SaveUpdate method. Bellow is the ajax call.

  $(document).ready(function () {
        $("#savehit").on('click', function () {
            var statusSelectData="statusSelect";
            var statusHitSelectData="statusHitSelect";
            var postData = {
                statusSelect: statusSelectData,
                statusHitSelect: statusHitSelectData
            }
            //alert("Button was click!");
            $.ajax({
                type: "POST",
                url: "/Home/SaveUpdate",
                data: postData,
                //data:null,
                success: function (response) {
                    if (response != null && response.success) {
                        //InformationMessageSuccess(response.responseText);
                        alert("success");
                    } else {
                        // DoSomethingElse()
                        //InformationMessageFailed(response.responseText);
                        alert("not success");
                    }
                },

            });

        });
    });

Collectives™ on Stack Overflow

Ajax Jquery not return the URL after using ActionLink in MVC

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related