ajaxを使ってjsonデータの取得をしたいのですが、error functionの方に行ってしまいます。
エラーの内容は
error:[object Object]
status:error
errorThrown:Not Acceptable
です。
pomにはjackson-databindとjackson-coreを追加してあります。
コードはこちらです。
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@ page session="false"%> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript"> $(function() { $("#ajax_button").click(function() { $(".text").val("テキストの挿入"); $("#output_data").text(""); $.ajax({ type : "GET", url : "ajax_data", dataType : "json", success : function(data) { success(data); }, error : function(XMLHttpRequest, textStatus, errorThrown) { error(XMLHttpRequest, textStatus, errorThrown); } }); }); }); //成功 function success(data) { alert("success:" + data); for (var i = 0; i < data.length; i++) { $("#output_data").append("data[" + i + "]:" + data[i] + ";"); } } //失敗 function error(XMLHttpRequest, textStatus, errorThrown) { alert("error:" + XMLHttpRequest); alert("status:" + textStatus); alert("errorThrown:" + errorThrown); } </script> <title>Home</title> </head> <body> <h1>Hello world!</h1> <P>The time on the server is ${serverTime}.</P> <div id="ajax_data"> <input type="button" id="ajax_button" value="Ajaxテスト" /><br/> outputData:<span id="output_data"></span> </div> <input type="text" class="text" value="${data}"> </body> </html>
@RequestMapping(value = "ajax_data", method = RequestMethod.GET) @ResponseBody public String[] getTestData() { logger.info("call getTestData"); String[] datas = { "test1", "test2", "test3" }; return datas; }
見にくいですが、宜しくお願いいたします。
回答1件
あなたの回答
tips
プレビュー