首页 > 代码库 > ajax 跨域获取数据jsonp使用
ajax 跨域获取数据jsonp使用
昨天帮同事从其他服务器传过来的json数据进行处理,遇到该问题。开始我的思路是用ajax直接请求把数据弄出来就OK了,然而出错了.原因是我使用的ajax 返回类型为json,默认ajax阻止跨服获取数据的。结合其他博文,ajax的dataType使用jsonp来解决此问题。开始觉得jsonp与json的使用类似,一步步的写着代码,如下:
$.ajax({ type:‘get‘, async:false, url:‘http://112.11.131.238/nanhunongjing/GetCollectInforByCollectId?serverTime=384‘, dataType:‘jsonp‘, cache:true, contentType:‘application/x-www-form-urlencoded;charset=utf-8‘, jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback) jsonpCallback:"callBackFun",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名 success:function(data){ // var json = $.parseJSON(data); alert(data[0].xxx); }, error:function(XMLHttpRequest, textStatus, errorThrown){ alert(XMLHttpRequest.status); alert(XMLHttpRequest.readyState); alert(XMLHttpRequest.responseText); alert(textStatus); alert(errorThrown); console.log(textStatus); } });
看着没问题,其实问题让人难一理解。执行上述代码始终执行error内的方法,用火狐查看调试,也看不出什么端倪。
页面alert输出
status 200
readyState 4
responseText null
errorThrown Error: callBackFun was not called
textStatus parsererror
我们看到这些信息,一般就上网上查。。。。。
jsonpCallback 默认不写会生成一个名字,如jQuery172031072511965160154_140679384671
这是回调函数的名字。
我出错的重点也在这里,不明白回调是什么意思,怎么个回调法????
借鉴http://www.cnblogs.com/know/archive/2011/10/09/2204005.html该博主的写法。发现jsonp处理返回是以
回调函数名("json")整体返回的(例callBackFun(“{‘x‘:‘x‘}”))。再请求时向后台传入了参数callback,也即回调函数名。
后台处理程序:
String callBackFun = hsRequest.getParameter("callback"); System.out.println("///"+callBackFun); hsResponse.getWriter().print(callBackFun+"([{\"xxx\":1,\"hs\":\"测试\"}])");类似以上代码处理。
要获得json数据,一定要注意返回数据的格式。
通过上述构思,不可能让我们跨域去写一个回调函数,这种显然不能够适合应用环境。
我就换了另一种获取数据的办法,利用httpClient去模拟请求获取远程服务端的数据,代码如下:
HttpClient client = new DefaultHttpClient(); HttpGet httpGet = new HttpGet("http://112.11.131.238/nanhunongjing/GetCollectInforByCollectId?serverTime=384"); try { HttpResponse httpResponse = client.execute(httpGet); //响应状态 System.out.println("响应状态:"+httpResponse.getStatusLine()); HttpEntity entity = httpResponse.getEntity(); if (entity != null) { /* 转化为文本信息 * 并转码 * */ result = EntityUtils.toString(entity,"utf-8"); System.out.println(result); result = new String(result.getBytes("utf-8"),"iso8859-1"); //hsResponse.getWriter().print(result); String callBackFun = hsRequest.getParameter("callback"); System.out.println("///"+callBackFun); hsResponse.getWriter().print(callBackFun+"([{\"xxx\":1,\"hs\":\"测试\"}])"); } } catch (ClientProtocolException e) { e.printStackTrace(); } catch (IOException e) { e.printStackTrace(); } finally{ //关闭连接释放资源 client.getConnectionManager().shutdown(); }在httpGet()写入自己的url
获取的数据一般已经是json数据了。如果不是,我猜你也知道怎么去写,我这就不多说了。其他详细介绍自己在网上搜吧!多看看总会有解决办法,不要坐等别人给你说给你写。
有些不足的地方请包涵,谢谢。希望对有问题的朋友有帮助!!!