call an Asp Action from javascript

Question

I have a table that will use is populated by javascript when another table option is clicked. All of this works no problem, when I add the delete button to the table the onClick event fires but this isn't ever called in asp.net.

function DeleteLink(id) {
    $.ajax({
        url: '/PublicPages/LinkDelete/',
        data:{ id:id }
    });
}

please tell me where I've gone wrong.

I have tried

function DeleteLink(id) {
    $.ajax({
        url: '/PublicPages/LinkDelete/' + id
}

as well

UPDATE:

    [HttpPost]
    public async Task<IActionResult> LinkDelete(Guid id)
    {
        var pageId = _linkDataProvider.FindById(id).PublicPage.Id;
        _linkDataProvider.Delete(id);
        var page = await _pageDataProvider.FindById(pageId);
        var viewModel = _pageDataProvider.ConvertToViewModel(page);
        return View("Details", viewModel);
    }

UPDATE2

app.UseMvc(routes => { routes.MapRoute( name: "default", template: "{controller=Flooring}/{action=Index}/{id?}"); });

If your DeleteLink action has HttpPost attribute you need to specify http method. Try to add type: "POST" in ajax setting. — adem caglin
– adem caglin, Commented Oct 30, 2016 at 15:45
` $.post({ url: '/PublicPages/LinkDelete/', data:{ id:id } });` this should work. — Mahbubur Rahman Manik
– Mahbubur Rahman Manik, Commented Oct 30, 2016 at 19:03

adem caglin · Accepted Answer · 2016-10-30 16:19:30Z

2

You should specify http method in ajax settings. Try to change your javascript like below:

function DeleteLink(id) {
    $.ajax({
        type = 'POST',
        url: '/PublicPages/LinkDelete/' + id
    });
}

Update

If you prefer to use data:{ id:id } then you would need to create a model class:

public class DeleteModel
{
    public Guid Id{get;set;}
}

[HttpPost]
public async Task<IActionResult> LinkDelete([FromBody]DeleteModel model)
....

edited Oct 30, 2016 at 16:19

answered Oct 30, 2016 at 16:12

adem caglin

24.5k10 gold badges65 silver badges80 bronze badges

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

1 Comment

JamTay317 Over a year ago

this still is not firing LinkDelete

Collectives™ on Stack Overflow

call an Asp Action from javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related