On a webpage that has a list of categories, and each category title is linked in this format: http://localhost/admin/category/unpublish/2

I wrote the following js code, trying to capture the url and the segments 'unpublish' (action) and '2' (id), and need to send the request to http://localhost/admin/category

$('#statusChanges a').click(function(evt) { // use the click event of hyperlinks
  evt.preventDefault();
  var url = $(location).attr('href');
  // var action = url.segment(3);  /*JS console complains that url.segment() method undefined! */
  // var id = url.segment(4);
  $.ajax({
    type: "GET",
    url: $(location).attr('href'),
    dat: '',
    /* do I need to fill the data with json data: {"action": "unpublish, "id": 2 } ? but I don't know how to get the segments */
    success: function(data) {
      $('.statusSuccess').text('success!');
    },
    error: function(data) {
      $('.statusSuccess').text('error!');
    }
  });
}); // end of status change

On a webpage that has a list of categories, and each category title is linked in this format: http://localhost/admin/category/unpublish/2

I wrote the following js code, trying to capture the url and the segments 'unpublish' (action) and '2' (id), and need to send the request to http://localhost/admin/category

$('#statusChanges a').click(function(evt) { // use the click event of hyperlinks
  evt.preventDefault();
  var url = $(location).attr('href');
  // var action = url.segment(3);  /*JS console complains that url.segment() method undefined! */
  // var id = url.segment(4);
  $.ajax({
    type: "GET",
    url: $(location).attr('href'),
    dat: '',
    /* do I need to fill the data with json data: {"action": "unpublish, "id": 2 } ? but I don't know how to get the segments */
    success: function(data) {
      $('.statusSuccess').text('success!');
    },
    error: function(data) {
      $('.statusSuccess').text('error!');
    }
  });
}); // end of status change

• javascript
• jquery
• ajax
• url

• This question might be useful. stackoverflow.com/questions/406192/… – phpLearner Commented Jun 30, 2014 at 1:41

3 Answers 3

Try this

var url = $(location).attr('href').split("/").splice(0, 5).join("/");

Update Answer:

User this object to get current anchor link see below

$(this).attr('href')

Split the URL into segments first:

var segments = url.split( '/' );
var action = segments[3];
var id = segments[4];

I think you can use split. Then you can have an array to work with from which you can get the action and id.