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处理返回是以

扫描二维码关注公众号，回复： 4396768 查看本文章

回调函数名（"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数据了。如果不是，我猜你也知道怎么去写，我这就不多说了。其他详细介绍自己在网上搜吧！多看看总会有解决办法，不要坐等别人给你说给你写。

有些不足的地方请包涵，谢谢。希望对有问题的朋友有帮助！！！

ajax 跨域获取数据jsonp使用

猜你喜欢