如何检索AJAX请求返回的数据

时间:2016-04-26 13:32:13

标签: javascript jquery ajax jsp http-post

我发出一个AJAX post请求,以“array”[value1,value2,value3,...,valueN]的形式从DB获取处理过的数据,以便稍后在chartJS对象上使用它。

AJAX请求:

$(document).ready($.post('callMeForAJAX.jsp', function(data){
    values = data;
    console.log(data);
}));

但即使我可以在Chrome上的“开发工具”的“网络”标签上看到响应,它也不会在控制台上打印任何内容。

如何检索该数据(不超过String)以将其放在Chart对象的“data”参数上?

callMeForAJAX.jsp:

<%@ page contentType="text/xml;charset=UTF-8"%>
<%

  String data = "[";
  for(String s : InfoFacade.getData()){
      data += s+", ";
  }
  data += "]";
  response.getWriter().write(data);

%>

编辑:如果相关,我使用的是1.2.x jQuery lib,现在我已经升级到2.x而没有任何更改。

3 个答案:

答案 0 :(得分:0)

我们走了:

$.ajax({
                type: "POST",
                url: "/yourUrl",
                data: data,
                dataType: 'html',
                success: function (result) {

                        $("#yourIdContainerToShowResult").html(result);


                }
            });

希望它有所帮助;)

答案 1 :(得分:0)

您的$(document).ready()阻止不正确。 试试这个:

$(document).ready(function(){
    $.post('callMeForAJAX.jsp', function(data){
        values = data;
        console.log(data);
    })
});

答案 2 :(得分:0)

试一下

$(函数(){

callMeForAJAX();

});

function callMeForAJAX(){
$.post( "callMeForAJAX.jsp", function(data){
 if(data.length > 0)
 console.log(data);
 else
 console.log("DATA NULL");  
});
}