using jQuery to get url and extract url segments

Question

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

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

Girish · Accepted Answer · 2014-06-30 01:58:11Z

13

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')

edited Jun 30, 2014 at 1:58

answered Jun 30, 2014 at 1:45

Girish

12.1k3 gold badges37 silver badges54 bronze badges

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

5 Comments

TonyW Over a year ago

I found $(location).attr('href') gives me the current url, but I would like to get the url on the <a href></a> tag. thanks

Girish Over a year ago

@TonyGW , try this for current url $(this).attr("href");

TonyW Over a year ago

all right, so this gives me the right url on the hyerlink: var url = $(this).attr('href'); thanks for help!

Girish Over a year ago

@TonyGW this is refer to current target... you have attached event on <a> tag so this provides you current <a> element reference.

Musa Haidari Over a year ago

$(this).attr('href') I got undefined on firefox 37

DJ_Polly · Accepted Answer · 2014-06-30 01:41:02Z

9

Split the URL into segments first:

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

answered Jun 30, 2014 at 1:41

DJ_Polly

4343 silver badges12 bronze badges

2 Comments

Ooker Over a year ago

This is simple, but note that it should be var segments = window.location.href.split( '/' );. See: Get the current URL with JavaScript?

DJ_Polly Over a year ago

This was assuming url is already defined, i.e. var url = $(location).attr('href');

thedeliciousmuffin · Accepted Answer · 2014-06-30 01:47:51Z

1

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

answered Jun 30, 2014 at 1:47

thedeliciousmuffin

8141 gold badge11 silver badges22 bronze badges

Collectives™ on Stack Overflow

using jQuery to get url and extract url segments

3 Answers 3

5 Comments

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

2 Comments

Comments

Linked

Related