javascriptjqueryajaxautocomplete

How to get current url in jquery


I can't explain myself in title. What i want is get string between slashes. Like that: www.example.com/foo/bar/id/1 i want to get "foo". Because i made these codes.

select: function(event, ui) {
            if(window.location.href = "news/" + ui.item.slug){
           window.location.href =null;
            }
            else
                window.location.href ="news/" + ui.item.slug;
        }

I have a autocomplete search field. When i clicked a result, its redirecting me to www.example.com/news/34523 In this page if i use search field again, it redirects me to www.example.com/news/news/12412 After that i got 404. But if i am not in news tab, for example www.example.com/foo its working perfecly when i use search field. I just need an if statement, if i am in news pages act like another page.


Solution

  • You could simply use the location.pathname property to get the part between the first and second slash and run code based on this.

    console.log(window.location.pathname);
    console.log(window.location.pathname.split("/")[1] === "foo");

    To show that this works, here is another snippet, acting as if url was window.location:

    let url = document.createElement('a');
    url.href = "http://www.example.com/foo/bar/id/1";
    
    console.log(url.pathname);
    console.log(url.pathname.split("/")[1] === "foo");