AJAX error in routing asp.net mvc

Question

I have a link to perform some ajex function.

  <td title="address/list" class="link">Addresses</td>
  <td title="email/list" class="link">Email</td>
  <td title="phone/list" class="link">Phone Numbers</td>
  <td title="contact/edit" class="link">Edit</td>
  <td title="contact/delete" class="link">Delete</td>

javascript code

 $('.link').live('click', function(event) {
    var id = $.trim($('td:first', $(this).parents('tr')).text());
    var loc = $(this).attr('title');
    console.log(loc);
    // check to ensure the link is not a delete link
    if (loc.lastIndexOf('delete') == -1) {
      $.get(loc + '/' + id, function(data) {
        $('#details').html(data);
      });
    // if it is, show the modal dialog   
    } else {
      $('#dialog').dialog({
        buttons: {
          'Confirm': function() {
            window.location.href = loc + '/' + id;
          },
          'Cancel': function() {
            $(this).dialog('close');
          }
        }
      }); 
      $('#dialog').dialog('open');
      }
    });

enter image description here

my routing is like

    public static void RegisterRoutes(RouteCollection routes)
    {
        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

        routes.MapRoute(
            "Default",
            "{controller}/{action}/{id}",
            new { controller = "Contact", action = "List", id = "" } 
        );
    }

codeandcloud · Accepted Answer · 2014-03-16 07:09:10Z

1

Do these things

Markup

<td title="/address/list" class="link">Addresses</td>

Suppose your controller is like this,

public class ContactController : Controller
{
    public JsonResult GetAddressesByID(int id)
    {
        var addresses = SomeMethodToFetchAddresses(id);
        return Json(addresses, JsonRequestBehavior.AllowGet);
    }
}

Now the routing should be like this.

routes.MapRoute(
    "GetAddressRoute", //Route name
    "address/list/{id}", // URL with parameters
    new { controller = "Contact", action = "GetAddressesByID", id = UrlParameter.Optional } // Parameter defaults
);

edited Mar 16, 2014 at 7:09

answered Mar 16, 2014 at 7:03

codeandcloud

55.5k47 gold badges169 silver badges259 bronze badges

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

2 Comments

Nisar Over a year ago

@Benoit you r right.. the first line had my solution.. i was suppose to "/address/list" instead of "address/list"

codeandcloud Over a year ago

@Benoit: was being elaborate

Benoit · Accepted Answer · 2014-03-16 07:08:46Z

1

I guess you are in the dir contacts ... Use url.action like this:

<td data-url="@Url.Action("list", "email", new {id = item.id})" ...

Then get the url :

var url = $(this).data('url');

edited Mar 16, 2014 at 7:08

answered Mar 16, 2014 at 6:59

Benoit

1,1251 gold badge14 silver badges31 bronze badges

Collectives™ on Stack Overflow

AJAX error in routing asp.net mvc

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related