Jquery DataTable AJAX跨域请求的解决方法及SSM框架下服务器端返回JSON格式数据的解决方法

如题，用HBuilder开发APP，涉及到用AJAX跨域请求后台数据，刚接触，费了不少时间。幸得高手指点，得以解决。

APP需要用TABLE来显示数据，因此采用了JQ 的DataTable。在实现过程中发现存在跨域的问题，采用以下方法解决。

$(document).ready(function() {

			$('#example').DataTable({

				"ajax": {

					"url":"http://Localhost:8085/System/nurse/getPatients",

					"dataTyle":"jsonp"},

				"bPaginate": true, //翻页功能

				"bLengthChange": false, //改变每页显示数据数量

				"bFilter": true, //过滤功能

				"bSort": false, //排序功能

				"bInfo": true, //页脚信息

				"bAutoWidth": true, //自动宽度

				"columns": [{

						"data": "name"

　　将 sAjaxSource 替换成如上的 ajax ，设置数据类型为 JSONP。当时这部分功能做好后，发现还是报错误，获取不到值。。报【Uncaught TypeError: Cannot read property 'length' of undefined】错误。。查来查去，发现是ajax获取的值，不是需要的JSON格式。一定要JSON对象数组。一定要以data开头的JSON数组。如下格式：

{"data":[{"birthday":"2011/04/25","idtype":"身份证","number":"30","idcode":"1231131313","sex":"男","name":"常1","DT_RowId":"e58930f0ae5442fb8f67474422a76e95","statue":"治疗中"}]}

　　由于，后台是采用SSM框架的。。获取的数据本身就是JSON格式的。唯独缺少了data开头，处理上只要在Control处理上对返回的 LIST对象数据进行再处理下就OK了,如下：

@RequestMapping(value="getPatients", method=RequestMethod.GET)

	@ResponseBody

	public JSONObject getPatients() {

		 List<PatientForApp> results=new ArrayList<PatientForApp>();

		 JSONObject json=null;

		try {

			 results = service.findByPageforApp();

			Map map = new HashMap();

			 map.put("data", results);

			 json = JSONObject.fromObject(map);

		} catch (Exception e) {

			logger.error(e.toString(), e);

		/*	ar.setFailMsg(Const.DATA_FAIL);*/

		}

		return json;

	}

　　以上就实现了SSM框架通过Control处理返回JSON对象数组。。

记忆留存，有何不对请指正。

巴特西

Jquery DataTable AJAX跨域请求的解决方法及SSM框架下服务器端返回JSON格式数据的解决方法

最新文章

热门文章