jQuery Ajax URL

Question

I am doing an Ajax call from site.com/users/{username}

i wanna access the url site.com/account/deleteComment but when i check in fireBug it is trying to access site.com/users/account/deleteComment

here is my code

    $.ajax({
        url: "../account/deleteComment/" + deleteID,
        success: function () {
            $("#comment-" + deleteID).slideUp("fast");
        }
    });

Pekka · Accepted Answer · 2010-11-18 10:10:44Z

17

Well, then ../../ is going to do the trick, isn't it?

That said, it would probably be a good idea to use absolute URLs here.

  url: "/account/deleteComment/" + deleteID,

this will take away your ability to easily move your application into a sub-folder, but in most cases, that is not a problem.

answered Nov 18, 2010 at 10:10

Pekka

451k150 gold badges989 silver badges1.1k bronze badges

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

2 Comments

Harsha M V Over a year ago

looks like it works. on local host i am having my app at localhost/project/ so its going to localhost/account/deleteComment is there a way to make it work from any place. i am sure it will work on the server :D

Pekka Over a year ago

@Harsha you would have to define the current subdirectory of the application in a central .js file: rootPath = "http://localhost/project" and add rootPath to every URL you specify.

Mahdi Porkar · Accepted Answer · 2018-02-22 21:46:53Z

11

you can use location.origin for get base address

var deleteID;
 $.ajax({
        url:location.origin + "/account/deleteComment/" + deleteID,
        success: function () {
            $("#comment-" + deleteID).slideUp("fast");
        }
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

 $.ajax({
        url:location.origin + "/account/deleteComment/" + deleteID,
        success: function () {
            $("#comment-" + deleteID).slideUp("fast");
        }
    });

answered Feb 22, 2018 at 21:46

Mahdi Porkar

2192 silver badges10 bronze badges

1 Comment

burf Over a year ago

Put me on the right path where I found window.location.origin developer.mozilla.org/en-US/docs/Web/API/Location/origin

Jón Trausti Arason · Accepted Answer · 2010-11-18 10:11:27Z

2

Change the URL to:

/account/deleteComment/

That way it'll go to the root path:

site.com/account/deleteComment

answered Nov 18, 2010 at 10:11

Jón Trausti Arason

1062 bronze badges

Comments

Sahil Patel · Accepted Answer · 2017-07-11 12:23:09Z

2

Absolute URL is a good idea in ajax but this is more good and easy way. Just declared var siteURL = www.example.com; globally. And used this in every ajax request like below.

<script>
$.ajax({
    url: siteURL + '/path/to/file',
    type: 'POST',
    data: {param1: 'value1'},
});
</script>

Generally, I declared in main index file or config of JS file.

answered Jul 11, 2017 at 12:23

Sahil Patel

1,6402 gold badges17 silver badges35 bronze badges

Comments

DazManCat · Accepted Answer · 2013-06-06 09:01:07Z

1

I've just had a similar problem in one of my apps.
The solution I used was

$.url("Config/GetEnvironment")

Which ever directory I am in the URL is rendered correctly.

answered Jun 6, 2013 at 9:01

DazManCat

3,6505 gold badges32 silver badges34 bronze badges

Collectives™ on Stack Overflow

jQuery Ajax URL

5 Answers 5

2 Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related