Ajax Query Doesn't Gets Successful

Question

I have this Ajax query to a html page but it always fails. The html page is something like this only has a <h1> tab with some text.

Can anyone tell me why this is happening

$.ajax({
    url: "http://localhost:8080/FindMySize/src/main/webapp/WEB-INF/jsp/result.html",
    success: function(data) {
        $('#stage').html(data);
    },
    error: function(data) {
        $('#stage').html("AS");
    }

});

can you specify the `dataType` and the `type` – guradio Feb 26 '16 at 05:00 — guradio, Feb 26 '16 at 05:00
What error does it show in console? – Sahil Feb 26 '16 at 05:02 — Sahil, Feb 26 '16 at 05:02
User .load("url") very simple no need of extra parameters – Aravind Sivam Feb 26 '16 at 06:43 — Aravind Sivam, Feb 26 '16 at 06:43
you are missing: `type:'get'` – Gene R Feb 26 '16 at 06:56 — Gene R, Feb 26 '16 at 06:56

score 0 · Answer 1 · answered Feb 26 '16 at 05:20

0

add button click event before ajax call

$("button").click(function(){
  $.ajax({
   url: "http://localhost:8080/FindMySize/src/main/webapp/WEB-INF/jsp/result.html",
   success: function(data) {
     $('#stage').html(data);
   },
   error: function(data) {
     $('#stage').html("AS");
   }
 });
});

answered Feb 26 '16 at 05:20

Dhaval Patel

1,076
6
19

1

how `button click event before ajax call` will solve the issue – shu Feb 26 '16 at 05:31
i think so b'coz we need some event before ajax call.please check it .may be helpfull for you – Dhaval Patel Feb 26 '16 at 05:39

score 0 · Answer 2 · answered Feb 26 '16 at 06:24

Add this line to your code

processData: false,
contentType: false,
type: "POST",

Also decide what you use GET or POST and write or type: "POST" or type: "GET"

http://www.w3schools.com/jquery/jquery_ajax_get_post.asp

Also put your code in a function and call it when click button for example

<button onclick="f();return false;">

function f() { /*your js code here*/ }

score 0 · Answer 3 · answered Feb 26 '16 at 06:38

Try this one,     
   $.ajax
        ({
            url: "../FindMySize/src/main/webapp/WEB-INF/jsp/result.html",
            type: "GET",
            cache: false,
            async: false,    
            data: {},
            success: function(data) {
                alert("success");//to check whether it was working or not
                $('#stage').html(data);
            },
            error: function(data) {
    alert("error");
                $('#stage').html("AS");
            }

    });

score 0 · Accepted Answer · edited May 23 '17 at 12:23

Your javascript is OK.

The problem is your Java structure, the file result.html here has not relationship with jsp. You shouldn't put it inside WEB-INF. See this SO answer for more clear understanding.

The WEB-INF node is not part of the public document tree of the application. No file contained in the WEB-INF directory may be served directly to a client by the container

Solution: Move your html to public folder (where you store your javascript, css, img,..)

Ajax Query Doesn't Gets Successful

4 Answers4