Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: MVC3
Hi , I wanna to call and MVC post action with this definition
[HttpPost]
        public void Delete(Guid contactId)
        {
            var contact = _contactRepository.GetContactById(contactId);
            _contactRepository.RemoveContact(contact);
            _contactRepository.Save();
       
        }
 
in a table with ajax call , this is my delete link
 <td>
     <a href=""  önclick='DeleteFunction(@item.Id))'>Delete</a>
 </td>
 
why this script doesn't work
 
<script type="text/javascript">
 
    $.ajax({
        type: "POST",
        url: @Url.Action("Delete","Contact"),
        data: data,
        success: success,
        dataType: dataType
    });
 

</script><pre lang="Javascript">
 

please help me about that ,thanks
Posted 14-Jan-13 2:29am
ahsan22406
Comments
Zoltán Zörgő at 14-Jan-13 8:34am
   
"Does not work" has no actual meaning.
Use fiddler or ie9 developer toolbar to check what url us actually called, what is passed, and what you get as result.
ahsan22 at 14-Jan-13 8:42am
   
actually I don't know how to do in ajax call , it should take any parameter based on my action ??
Zoltán Zörgő at 14-Jan-13 8:49am
   
Depend on your routing. But what I don't see is how the data is filled. Yous javascript snippet looks incomplete to me...
ahsan22 at 14-Jan-13 8:53am
   
that is it , it is incomplete and I don't know what to do , and didn't find any related sample on web.
ahsan22 at 15-Jan-13 17:35pm
   
thanks...

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Try something like this:
<script type="text/javascript">
function DeleteFunction(guid){
    $.ajax({
        type: "POST",
        url: @Url.Action("Delete","Contact"),
        data: JSON.stringify({contactId: guid}),
        dataType: 'json',
        contentType: 'application/json; charset=utf-8',
        error: function (xhr) {
            alert('Error: ' + xhr.statusText);
        },
        success: function (result) {
            alert(result);
        },
        async: true,
        processData: false
    });
</script>
 
<a href="" onclick='DeleteFunction("@item.Id");'>Delete</a>
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



Advertise | Privacy | Mobile
Web01 | 2.8.140926.1 | Last Updated 14 Jan 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100