2016-04-26 22 views
1

"array" [value1、value2、value3、...、valueN]の形式でDBから処理されたデータを取得するAJAXポストリクエストを作成し、後でchartJSオブジェクトです。AJAXリクエストによって返されたデータを取得する方法

AJAX要求:

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

しかし、それは私がChromeから開発ツールの「ネットワーク」タブの応答を見ることができるにもかかわらず、コンソールに何も表示されません。

グラフオブジェクトの「データ」パラメータに配置するデータを取得するにはどうすればよいですか(文字列以外のデータ)。

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にアップグレードしました。

+0

ここにJavaScript noobがあります。あなたのソリューションは期待通りに動作しているようです。 –

+0

'$(document).ready($。post()....);'が間違っています – epascarello

答えて

0

ここに私達は行く:

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

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


       } 
      }); 

はそれがお役に立てば幸いです。)

+0

物事をしようとしていたやり方に何が間違っていると言って私のアプローチを修正してください。 また、そのデータをAJAXリクエストの外にある変数に格納するにはどうすればよいですか?私はコールバックの外でそれを印刷しようとすると、定義されていません。 –

+0

@AndrésBuitrago1. $ .post()の代わりに$ .ajax()を使用することができます – praguan

+0

ええ、私はそれを取得します。 jQueryのドキュメントによると、これはもっと簡単な方法なので、私はその方法を使うことに決めました。一方、グローバル変数にそのデータを保存する方法についての2番目の細分化を手伝ってもらえますか?ここにjsfiddleがありますので、私がhttps://jsfiddle.net/zsjjcmjL/をやろうとしていることを理解できます。 値は定義されていないと言ってきます。 –

0

あなた$(document).ready()ブロックが正しくありません。 これを試してください。

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

ああ、私はそれを得た。私はそこにanon関数を使わなければなりません。 でも、コンソールには何も表示されません。 –

+0

リクエストURLが正しいことを確認してください。 –

+0

です。私は正しい応答を得るが、それは機能で何もしません。 –

0

この

$(関数(){

callMeForAJAX();

を})してみてください。

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

コンソールには何も印刷されません。 –

+0

(data.length> 0)を確認します。 –

+0

メッセージは出力されません。 –

関連する問題