calling controller action from javascript

Question

i have a link that calls into a javascript to give a confirmation:

$("a.delete").click(function() {
    var name = $(this).parent().prev('td').prev('td').text();
    jConfirm('Are you sure you want to delete the following member:' + name, 'Member Delete', function(r) {
    });
});

i want, if the user clicks yes to call a controller action similar to what this code does:

 <%= Html.ActionLink("Delete", "Delete", new { id = item.Mail_ID })%>

how can i get the functionality of the jquery confirmation popup but still get the same results after that i would with the actionlink.

Alconja · Accepted Answer · 2009-08-07 04:05:22Z

2

Use:

<%= Url.Action("Delete", "Delete", new { id = item.Mail_ID }) %>

to generate just the actual url (without the <a href="..." >...</a>). That way you can just render that into your javascript & use window.location, so your javascript becomes (assuming that function at the end of your jConfirm is the call back on acceptance):

$("a.delete").click(function() {
    var name = $(this).parent().prev('td').prev('td').text();
    jConfirm('Are you sure you want to delete the following member:' + name, 'Member Delete', function(r) {
        window.location = <%= Url.Action("Delete", "Delete", new { id = item.Mail_ID }) %>;
    });
});

Another alternative, which would mean that it would still work (sans the confirmation) if they didn't have javascript enabled would be to leave the link as it is & then do this:

$("a.delete").click(function() {
    var url = $(this).attr("href");
    var name = $(this).parent().prev('td').prev('td').text();
    jConfirm('Are you sure you want to delete the following member:' + name, 'Member Delete', function(r) {
        window.location = url;
    });
});

which grabs the url directly from the link (i.e. the one generated by your original <%= Html.ActionLink...).

edited Aug 7, 2009 at 4:05

answered Aug 7, 2009 at 2:23

Alconja

14.9k3 gold badges62 silver badges61 bronze badges

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

3 Comments

leora Over a year ago

i am getting the following error with this code: CS0103: The name 'item' does not exist in the current context

Alconja Over a year ago

...well that bit's your code, I just copied it from your question.

Alconja Over a year ago

Oh. Unless you're trying to use my first example, but you've got your javascript declared in a different scope to wherever your item is. In which case the second version should still work (using your original Html.ActionLink).

Collectives™ on Stack Overflow

calling controller action from javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related