How to call servlet from jQuery $.ajax without getting HTTP 404 error

Question

I am trying to call a servlet using ajax call as below:

$.ajax({
  url: 'CheckingAjax',
  type: 'GET',
  data: { field1: "hello", field2 : "hello2"} ,
  contentType: 'application/json; charset=utf-8',
  success: function (response) {
    //your success code
    alert("success");
  },
  error: function (errorThrown) {
    //your error code
    alert("not success :"+errorThrown);
  }                         
});

However, it goes to error function and shows alert:

not success :Not Found

How is this caused and how can I solve it?

What is the error code? Does the request reach the server? What do the browser developer tools (network tab) show? — Thilo
– Thilo, Commented May 12, 2015 at 4:55
@Thilo error throws "Not found" and request does not reach server. — MMMMS
– MMMMS, Commented May 12, 2015 at 5:03
Are you sure the URL is right? What happens when you type the URL directly into the address bar (or curl it)? — Thilo
– Thilo, Commented May 12, 2015 at 5:12
@Thilo localhost:8080/FullcalendarProject/CheckingAjax this is my servlet url in address bar. its working in address bar — MMMMS
– MMMMS, Commented May 12, 2015 at 5:15
and what is the url before you make the ajax call? I just want to see if the relative url used is correct — MaVRoSCy
– MaVRoSCy, Commented May 12, 2015 at 6:47

BalusC · Accepted Answer · 2015-12-13 16:48:53Z

When you specify a relative URL (an URL not starting with scheme or /), then it will become relative to the current request URL (the URL you see in browser's address bar).

You told that your servlet is available at:

http://localhost:8080/FullcalendarProject/CheckingAjax

Imagine that the web page where your ajax script runs is opened via:

http://localhost:8080/FullcalendarProject/pages/some.jsp

And you specify the relative URL url: "CheckingAjax", then it will be interpreted as:

http://localhost:8080/FullcalendarProject/pages/CheckingAjax

But this does not exist. It will thus return a HTTP 404 "Page Not Found" error.

In order to get it to work, you basically need to specify the URL using one of below ways:

url: "http://localhost:8080/FullcalendarProject/CheckingAjax"

This is not portable. You'd need to edit it everytime you move the webapp to another domain. You can't control this from inside the webapp.
url: "/FullcalendarProject/CheckingAjax"

This is also not really portable. You'd need to edit it everytime you change the context path. You can't control this from inside the webapp.
url: "../CheckingAjax"

This is actually also not portable, although you can fully control this from inside the webapp. You'd need to edit it everytime you move around JSP into another folder, but if you're moving around JSPs you're basically already busy coding, so this could easily be done at the same time.
Best way would be to let JSP EL dynamically print the current request context path. Assuming that the JS code is enclosed in JSP file:

url: "${pageContext.request.contextPath}/CheckingAjax"

Or when it's enclosed in its own JS file (good practice!), then create either a global JS variable:
```
<script>var contextPath = "${pageContext.request.contextPath}";</script>
<script src="yourajax.js"></script>
```
With

url: contextPath + "/CheckingAjax"

or a HTML5 data attribute on the document element:
```
<html data-contextPath="${pageContext.request.contextPath}">
    <head>
        <script src="yourajax.js"></script>
```
With

url: $("html").data("contextPath") + "/CheckingAjax"

Why would this not work after going through mod_proxy in apache ?

Collectives™ on Stack Overflow

How to call servlet from jQuery $.ajax without getting HTTP 404 error

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related