0

我无法在 jsp 上显示 json 数据。当我在浏览器中检查控制台日志时，我能够在控制台中看到 json 内容。谁能帮我用ajax代码来显示数据？

Web.xml内容

<struts> 
<constant name="struts.devMode" value="true" /> 
<package name="default" extends="json-default" namespace="/">       
<action name="getCronDetails" class="myaction">             
<result name="SUCCESS">/schedule.jsp</result>       
</action>   
</package> 
</struts>

动作课内容：

List<emp> myList=new ArrayList<emp>() ;
//setter getter method for myList 

public String getCronDetails (){        
myList = fetchData() ;          
return "SUCCESS"; 
}

我想以myListemp 类型的表格格式显示。任何人都可以帮助我使用ajax代码吗？

4

1 回答 1

0

我建议使用 jQuery 进行 ajax 调用。在 html 中，您需要一个元素来触发调用，例如我正在使用一个按钮。

该按钮应触发调用该操作的 js 函数。在示例中，我添加了用于禁用按钮并显示微调器的回调（我留下了评论，因为微调器不存在）。

您会在response变量中获得 ajax 响应。收到响应后，您可以使用其内容更新 DOM。

$(document).ready({
	
	$("#getButton").click(function(event){
		$.ajax({
    		  type: "GET",
    		  url: "getCronDetails",
    		  dataType: "json",
    		  beforeSend: function(){
    			//Disable send button and start a spinner
    		  },
    		  success: function(response, status, jqXHR){
    			  //console.log("Ajax Success!");
    			  if(typeof response !== 'object'){
    				  response = JSON.parse(response);
				  }
    			  //doSomethingWithThe(response);
    		  },
    		  error: function(jqXHR, status, error){
    			  //console.log('Ajax Error');
    			  //showError('Ajax Error: ' + error );
    		  },
    		  complete: function(){
    			  //Enable Submit Button and stop spinner
    		  }

		});
	
	
	});
	

});
 
...
<body>
	<!-- A button to trigger the ajax call -->
	<button id="getButton">Get Cron Details</button>
	
	<!-- Include jQuery -->
	<script
			  src="https://code.jquery.com/jquery-3.3.1.min.js"
			  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
			  crossorigin="anonymous"></script>
</body>
...

于 2018-03-28T14:00:39.357 回答