Question

我对这个html页面有这个Ajax查询，但总是失败。 html页面是这样的只有<h1>标签，其中包含一些文字。

任何人都可以告诉我为什么会这样吗

$.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");
    }

});

Answer 1

在ajax调用之前添加按钮单击事件

$("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");
   }
 });
});

Answer 2

将此行添加到您的代码中

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

同时决定使用GET或POST并写入或type: "POST"或type: "GET"

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

还要将代码放在一个函数中，并在单击按钮时调用它，例如

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

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

Answer 3

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");
            }

    });

Answer 4

您的javascript正常。

问题是您的Java结构，此处的文件result.html与jsp没有关系。你不应该把它放在WEB-INF里面。有关更清晰的理解，请参阅this SO回答。

WEB-INF节点不是应用程序的公共文档树的一部分。 WEB-INF目录中包含的文件不能通过容器直接提供给客户端

解决方案：将您的HTML移至公用文件夹（存储您的javascript，css，img，..）

Ajax查询不会成功

4 个答案: